@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap");.fresco-panel .input-container,.fresco-panel .textarea-container{display:flex;flex-direction:column}.fresco-panel .input-container .input-control-container,.fresco-panel .textarea-container .input-control-container{display:flex;position:relative}.fresco-panel .input-container .input-control-container .saved-icon-container,.fresco-panel .textarea-container .input-control-container .saved-icon-container{align-items:center;border:1px solid transparent;display:flex;height:100%;justify-content:center;position:absolute;right:0;width:3em}.fresco-panel .input-container .input-control-container .saved-icon-container svg,.fresco-panel .textarea-container .input-control-container .saved-icon-container svg{color:#63d263;height:1.25em;width:1.25em}.fresco-panel .input-container .input-control-container .btn,.fresco-panel .textarea-container .input-control-container .btn{align-items:center;border:none;border-radius:0 4px 4px 0;display:flex;font-weight:700;justify-content:center;width:3em}.fresco-panel .input-container .input-control-container .btn[disabled],.fresco-panel .textarea-container .input-control-container .btn[disabled]{background:#e0e0e0;cursor:not-allowed}.fresco-panel .input-container .input-control-container .btn[disabled] i,.fresco-panel .textarea-container .input-control-container .btn[disabled] i{border-color:#9e9e9e}.fresco-panel .input-container .input-control-container .btn i,.fresco-panel .textarea-container .input-control-container .btn i{padding:3px}.fresco-panel .input-container .input,.fresco-panel .textarea-container .input{border:1px solid #dbdbdb;border-radius:4px;box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);flex:1;font-family:Open Sans,Helvetica,sans-serif;font-size:14px;padding:1em}.fresco-panel .input-container .input[disabled],.fresco-panel .textarea-container .input[disabled]{background:#eee;cursor:not-allowed;resize:none}.fresco-panel .input-container .input.has-action,.fresco-panel .textarea-container .input.has-action{border-radius:4px 0 0 4px}.fresco-panel .input-container .input:focus,.fresco-panel .textarea-container .input:focus{border-color:#dbdbdb}.fresco-panel .input-container .input.saved,.fresco-panel .textarea-container .input.saved{padding-right:3em}.fresco-panel .input-container .input.failed,.fresco-panel .textarea-container .input.failed{border-color:#ff1744}.fresco-panel .input-container .input.failed:focus,.fresco-panel .textarea-container .input.failed:focus{border-color:#dbdbdb}.fresco-panel .input-container .textarea,.fresco-panel .textarea-container .textarea{flex:none;font-family:Open Sans,Helvetica,sans-serif;overflow:auto;resize:vertical}.fresco-panel .input-container ::-moz-placeholder,.fresco-panel .textarea-container ::-moz-placeholder{color:#212529;opacity:.7}.fresco-panel .input-container ::placeholder,.fresco-panel .textarea-container ::placeholder{color:#212529;opacity:.7}.fresco-panel .btn{border:none;border-radius:4px;cursor:pointer;font-family:Open Sans,Helvetica,sans-serif;font-size:14px;font-weight:600;padding:1.1em;width:100%}.fresco-panel .btn.input-button{padding:0}.fresco-panel .btn.input-button svg{height:1.25em;width:1.25em}.fresco-panel .btn.fill[disabled]{background:#eee;color:#ccc;cursor:not-allowed}.fresco-panel .btn.fill[disabled]:hover{background:#eee;color:#ccc}.fresco-panel .btn.outline{background:#fff}.fresco-panel .btn.outline[disabled]{border-color:#dbdbdb;color:#ccc;cursor:not-allowed}.fresco-panel .btn.outline[disabled]:hover{background:#fff;color:#ccc}.fresco-panel .btn.text{background:transparent}.fresco-panel .btn.text:hover{background:#f5f5f5}.fresco-panel .btn.text[disabled]{color:#ccc;cursor:not-allowed}.fresco-panel .btn.text[disabled]:hover{background:transparent}.fresco-panel .list-container{margin-left:-16px;margin-right:-16px}.fresco-panel .list-item{align-items:center;display:flex;padding:1em 18px}.fresco-panel .list-item:focus:not(:focus-visible){outline:none}.fresco-panel .list-item:not(:last-child){border-bottom:1px solid #e8e8e8}.fresco-panel .list-item.has-action{cursor:pointer}.fresco-panel .list-item.has-action:hover{background:#f5f5f5}.fresco-panel .list-item.has-action .list-item__subtitle{color:#212529;opacity:.7}.fresco-panel .list-item.has-action.disabled{color:#212529;cursor:not-allowed;opacity:.7}.fresco-panel .list-item.has-action.disabled:hover{background:#fff}.fresco-panel .list-item.has-action.disabled .list-item__action{color:#212529}.fresco-panel .list-item__subtitle{opacity:.5}.fresco-panel .list-item__action{align-items:center;display:flex;justify-content:center;margin-left:6px}.fresco-panel .list-item__action svg{height:1.25em;width:1.25em}.fresco-panel .list-item__image{height:100%;width:100%}.fresco-panel .list-item-right{align-items:center;display:flex;flex:1;justify-content:space-between}.fresco-panel .list-item__text-container__subtitle{margin-top:.25em;opacity:.6}.fresco-panel .list-item__image-container{margin-right:16px}.fresco-panel .ss-container{display:flex;flex-direction:column}.fresco-panel .ss-container.emoji .ss__option{border:none;font-size:32px;padding:.5em 0}.fresco-panel .ss-container.emoji .ss__option:first-child,.fresco-panel .ss-container.emoji .ss__option:last-child{border-radius:0}.fresco-panel .ss-container.disabled .ss__option{background:#eee;border:1px solid #dbdbdb;color:#ccc;cursor:not-allowed}.fresco-panel .ss-container.disabled .ss__option:not(:first-child){border-left-color:#dbdbdb}.fresco-panel .ss-container.disabled .ss__option:not(:last-child){border-right-color:#dbdbdb}.fresco-panel .ss-container.saved.disabled .ss__option{cursor:default}.fresco-panel .ss-container.failed .label{color:#ff1744}.fresco-panel .ss-container .ss__option{background:#fff;border:1px solid #dbdbdb;cursor:pointer;flex:1;line-height:1.2;margin:auto;overflow:hidden;padding:.75em 0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.fresco-panel .ss-container .ss__option:first-child{border-radius:4px 0 0 4px}.fresco-panel .ss-container .ss__option:last-child{border-radius:0 4px 4px 0}.fresco-panel .ss-container .ss__option:hover{background:#f5f5f5}.fresco-panel .ss-container .ss__option.disabled{background:#eee;color:#ccc;cursor:not-allowed}.fresco-panel .ss-container .ss__option.disabled:hover{background:#eee}.fresco-panel .ss-container .ss__option:focus:not(:focus-visible){outline:none}.fresco-panel .ss-container .ss__option:not(:first-child){border-left:none}.fresco-panel .ss-options-container{display:flex}.fresco-panel .dropdown-container{display:flex;flex-direction:column;position:relative}.fresco-panel .dropdown-container.disabled .dropdown__button{background:#eee;border:1px solid #dbdbdb;color:#ccc;cursor:not-allowed}.fresco-panel .dropdown-container.disabled .dropdown__button:hover{background:#eee}.fresco-panel .dropdown-container.disabled .dropdown__button .arrow{border-color:#ccc}.fresco-panel .dropdown-container.saved.disabled .dropdown__button{color:#757575;cursor:default}.fresco-panel .dropdown-container.failed .label{color:#ff1744}.fresco-panel .dropdown-container .dropdown__button{align-items:center;border:1px solid #dbdbdb;border-radius:4px;box-shadow:inset 0 1px 2px hsla(0,0%,4%,.1);cursor:pointer;display:flex;font-size:.85em;font-weight:700;justify-content:space-between;line-height:1.2;outline-offset:-2px;padding:1.1em 3.5em 1.1em 1.1em;position:relative;word-break:break-all}.fresco-panel .dropdown-container .dropdown__button:hover{background:#f5f5f5}.fresco-panel .dropdown-container .dropdown__button.selected{outline-style:auto;outline-width:5px}.fresco-panel .dropdown-container .dropdown__button.selected:hover{background:#fff}.fresco-panel .dropdown-container .dropdown__button i{align-items:center;border:1px solid transparent;display:flex;font-size:13px;height:100%;justify-content:center;position:absolute;right:0;top:0;width:3em}.fresco-panel .dropdown-container .dropdown__button svg{height:1em;width:1em}.fresco-panel .dropdown-container .dropdown__button .saved-icon svg{color:#63d263;height:1.25em;width:1.25em}.fresco-panel .dropdown-container .dropdown__options{background:#fff;border:1px solid #dbdbdb;border-radius:4px;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);box-sizing:border-box;max-height:10em;overflow-x:hidden;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1}.fresco-panel .dropdown-container .dropdown__options--hidden{display:none}.fresco-panel .dropdown-container .dropdown__options-opt{cursor:pointer;padding:.75em 1.5em;word-break:break-word}.fresco-panel .dropdown-container .dropdown__options-opt:focus:not(:focus-visible){outline:none}.fresco-panel .dropdown-container .dropdown__options-opt:hover{background:#f5f5f5}.fresco-panel .element-container .file-upload{align-items:center;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:16px;position:relative;transition:box-shadow .3s,border .3s}.fresco-panel .element-container .file-upload:hover{border-color:#cbd5e0;box-shadow:0 4px 10px rgba(0,0,0,.1)}.fresco-panel .element-container .file-upload__title-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.fresco-panel .element-container .file-upload__title{color:#374151;font-size:16px;font-weight:600;line-height:21.6px;margin-bottom:4px}.fresco-panel .element-container .file-upload__file-added-text-container{overflow:hidden;text-align:center;width:230px}.fresco-panel .element-container .file-upload__file-added-text{display:inline-block;max-width:100%;overflow:hidden;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap}.fresco-panel .element-container .file-upload__error-message{color:red}.fresco-panel .element-container .file-upload__input{display:none}.fresco-panel .text.right{text-align:right}.fresco-panel .text.left{text-align:left}.fresco-panel .text.center{text-align:center}.fresco-panel .text h1{font-size:1.4em;font-weight:500;margin:0}.fresco-panel .text h2{font-size:16px;font-weight:500;margin:0}.fresco-panel .text h3{font-size:1.1em;font-weight:500;margin:0}.fresco-panel .text.muted{opacity:.7}.fresco-panel .text.header{color:#212529;font-size:16px;font-weight:600;margin:0}.fresco-panel .text.error{color:#ff1744}.fresco-panel .table .table-row{display:flex}.fresco-panel .table .table-row .row-key{flex:1;max-width:30%;word-break:break-word;word-wrap:break-word;color:#616161;font-weight:700;padding:.5em 1em .5em 0}.fresco-panel .table .table-row .row-value{flex:1;padding:.5em 0;word-break:break-all}.fresco-panel .image-container.left{text-align:left}.fresco-panel .image-container.center{text-align:center}.fresco-panel .image-container.right{text-align:right}.fresco-panel .image-container .image{height:auto;max-width:100%}.fresco-panel .image-container .image.rounded{border-radius:50em}.fresco-panel .spacer-container,.fresco-panel .spacer-container:not(:last-child){margin-bottom:0!important}.fresco-panel .spacer.xs{height:.5em}.fresco-panel .spacer.s{height:1em}.fresco-panel .spacer.m{height:1.5em}.fresco-panel .spacer.l{height:2em}.fresco-panel .spacer.xl{height:3em}.fresco-panel .divider{margin-left:-16px;margin-right:-16px;position:relative}.fresco-panel .divider:after{border-bottom:1px solid #e8e8e8;content:"";left:0;position:absolute;right:0}.fresco-panel{animation:fadeIn .6s ease-in-out;border-radius:6px;color:#212529;font-family:Open Sans,Helvetica,sans-serif;font-size:14px;line-height:1.5em;margin-bottom:1.5em;opacity:1;padding:1.25em;position:relative;transition:opacity .3s}.fresco-panel *{transition:.2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fresco-panel:not(.embedded){background:#fff;box-shadow:0 4px 15px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1),inset 0 1px 0 0 rgba(0,0,0,.1)}.fresco-panel.embedded{box-shadow:none;margin:0;padding:0}.fresco-panel.readonly{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fresco-panel .component-container:not(:last-child){margin-bottom:8px}.fresco-panel .element-container.loading{opacity:.25;transition:.3s}.fresco-panel .panel-loading-container{height:100%;left:0;position:absolute;top:0;width:100%}.fresco-panel .panel-loading-container .spinner{align-items:center;bottom:0;display:flex;height:30%;justify-content:center;left:0;margin:auto;position:absolute;right:0;top:0;width:50%}.fresco-panel .panel-loading-container .spinner svg{animation-duration:1s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fresco-panel .label{font-weight:500;margin-bottom:5px;margin-top:5px}.fresco-panel .label:empty{margin:0}.fresco-panel .label.failed{color:#ff1744}.fresco-panel em{font-style:normal;font-weight:700}.fresco-panel i.arrow{border-style:solid;border-width:0 2px 2px 0;display:inline-block;height:0;padding:2px;width:0}.fresco-panel i.arrow.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.fresco-panel i.arrow.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.fresco-panel i.arrow.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.fresco-panel i.arrow.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
html,
body,
.container {
	height: 100%;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 14px;
	overflow: auto;
	margin: 0;
	background-color: #F2F2F2;
}

.app-container {
	overflow: auto;
	display: flex;
	justify-content: center;
}

.app {
	width: 380px;
	margin: 20px;
}