.toolbox-field { font-family: 'Source Sans Pro', 'TF-Regular', Arial, sans-serif; font-kerning: normal; -webkit-font-variant-ligatures: no-common-ligatures; font-variant-ligatures: no-common-ligatures; -webkit-font-feature-settings: "kern" 1,"liga" 0; font-feature-settings: "kern" 1,"liga" 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; padding: .5rem; }

.toolbox-field:focus-within .toolbox-field__modal { opacity: 1; pointer-events: auto; }

.toolbox-field__label { position: relative; font-size: 0.75rem; font-weight: 600; font-style: normal; letter-spacing: 0.063rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 1rem; opacity: .5; }

.toolbox-field__label .label { font-size: inherit; }

.toolbox-field__items { position: relative; display: flex; align-items: baseline; }

.toolbox-field__items ol { margin: 0 0.375rem; }

.toolbox-field__items--thumbs { display: block; margin: -.5rem .5rem 0rem -0.5rem; }

.toolbox-field__items--thumbs > * { width: 100%; }

.toolbox-field__input { outline: 0; border: 0; width: 100%; min-height: 2rem; background: none; overflow: hidden; text-overflow: ellipsis; border-radius: 1rem; line-height: normal; transition: all .3s ease-in-out; text-align: left; white-space: normal; word-break: break-word; padding: .375rem 1rem; }

.toolbox-field__input:-webkit-autofill, .toolbox-field__input:-webkit-autofill:hover, .toolbox-field__input:-webkit-autofill:focus { box-shadow: inset 0.625rem 0 0.625rem -0.625rem rgba(0, 0, 0, 0.35), inset 0 0 0 62.5rem #343434; }

.toolbox-field__input[type="file" i] { color: #000000; opacity: .5; }

.toolbox-field__input[type="file" i]::-webkit-file-upload-button { border: 0; background: none; padding: 0; margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; opacity: 0; }

.toolbox-field__input--has-files[type="file" i] { opacity: 1; }

.toolbox-field__input--list ol { position: relative; margin: 0; }

.toolbox-field__input--list ol li { margin: 0; }

.toolbox-field__input--list:focus ol::after { content: 'press enter to add another'; font-size: 0.75rem; font-weight: normal; font-style: italic; letter-spacing: normal; text-transform: none; text-decoration: none; color: rgba(0, 0, 0, 0.5); transition: color .3s ease-in-out; }

.toolbox-field__input--safari { box-shadow: inset 0.625rem 0 0.625rem -0.625rem rgba(0, 0, 0, 0.35), inset 0 0 0 62.5rem #343434; }

.toolbox-field__input--textarea { overflow: auto; }

.toolbox-field__input--ckeditor { padding: 0; border-radius: 0.35rem; overflow: visible; }

.toolbox-field__input--ckeditor .ck.ck-editor { border-radius: 0.35rem; background-color: rgba(255, 255, 255, 0.1); box-shadow: inset 0.625rem 0 0.625rem -0.625rem #00000059; }

.toolbox-field__input--ckeditor .ck.ck-toolbar, .toolbox-field__input--ckeditor .ck.ck-editor__main > .ck-editor__editable { border: none !important; background: none !important; }

.toolbox-field__input--ckeditor .ck.ck-toolbar { background-color: #8C8C8C1A !important; padding: 0 .5rem; }

.toolbox-field__input--ckeditor .ck.ck-editor__main > .ck-editor__editable { min-height: 5rem; padding: 0 1rem; }

.toolbox-field__input--ckeditor .ck.ck-dropdown__panel { border: 0; }

.toolbox-field__input--ckeditor .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) { box-shadow: none !important; }

.toolbox-field__input--ckeditor .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item::before { display: none; }

.toolbox-field__input--ckeditor:focus-within .ck.ck-editor { box-shadow: inset 1.25rem 0 1.25rem -1rem #00000026; background-color: #00000005; }

.toolbox-field__input--ckeditor .ck.ck-button:not(.ck-disabled):hover, .toolbox-field__input--ckeditor a.ck.ck-button:not(.ck-disabled):hover, .toolbox-field__input--ckeditor .ck.ck-button:active, .toolbox-field__input--ckeditor .ck.ck-button:focus, .toolbox-field__input--ckeditor a.ck.ck-button:active, .toolbox-field__input--ckeditor a.ck.ck-button:focus, .toolbox-field__input--ckeditor .ck.ck-button.ck-on, .toolbox-field__input--ckeditor a.ck.ck-button.ck-on, .toolbox-field__input--ckeditor .ck.ck-button.ck-on:not(.ck-disabled):active, .toolbox-field__input--ckeditor a.ck.ck-button.ck-on:not(.ck-disabled):active, .toolbox-field__input--ckeditor .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus, .toolbox-field__input--ckeditor .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus, .toolbox-field__input--ckeditor .ck.ck-button.ck-on:not(.ck-disabled):hover, .toolbox-field__input--ckeditor a.ck.ck-button.ck-on:not(.ck-disabled):hover, .toolbox-field__input--ckeditor button.ck.ck-button.ck-off.ck-button_with-text.ck-dropdown__button:focus-visible { background: none; border: 1px solid transparent; outline: none; box-shadow: none; cursor: pointer; }

.toolbox-field__description { opacity: .5; margin: 0 1rem; }

.toolbox-field__modal { position: absolute; z-index: 1; min-width: 250px; background-color: #FFF; box-shadow: 0 40px 40px -20px #00000080; border-radius: 0.25rem; margin-left: -.5rem; transition: .3s ease-in-out; opacity: 0; pointer-events: none; }

.toolbox-field a.toolbox-field__input { color: inherit; box-shadow: none; border-radius: 0; }

.toolbox-field input::-webkit-input-placeholder, .toolbox-field textarea::-webkit-input-placeholder, .toolbox-field [contenteditable]::-webkit-input-placeholder, .toolbox-field [contenteditable=true]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); }

.toolbox-field input::placeholder, .toolbox-field textarea::placeholder, .toolbox-field [contenteditable]::placeholder, .toolbox-field [contenteditable=true]::placeholder { color: rgba(0, 0, 0, 0.5); }

.toolbox-field input.toolbox-field__input, .toolbox-field textarea.toolbox-field__input, .toolbox-field [contenteditable].toolbox-field__input, .toolbox-field [contenteditable=true].toolbox-field__input { background-color: rgba(255, 255, 255, 0.1); box-shadow: inset 0.625rem 0 0.625rem -0.625rem rgba(0, 0, 0, 0.35); }

.toolbox-field input.toolbox-field__input:hover, .toolbox-field textarea.toolbox-field__input:hover, .toolbox-field [contenteditable].toolbox-field__input:hover, .toolbox-field [contenteditable=true].toolbox-field__input:hover { background-color: rgba(0, 0, 0, 0.02); }

.toolbox-field input.toolbox-field__input:focus, .toolbox-field textarea.toolbox-field__input:focus, .toolbox-field [contenteditable].toolbox-field__input:focus, .toolbox-field [contenteditable=true].toolbox-field__input:focus { box-shadow: inset 1.25rem 0 1.25rem -1rem rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.02); }

.toolbox-field input.toolbox-field__input:focus + .on-focus, .toolbox-field textarea.toolbox-field__input:focus + .on-focus, .toolbox-field [contenteditable].toolbox-field__input:focus + .on-focus, .toolbox-field [contenteditable=true].toolbox-field__input:focus + .on-focus { opacity: 1; }

.toolbox-field input.toolbox-field__input:not(:empty) + .on-notempty, .toolbox-field textarea.toolbox-field__input:not(:empty) + .on-notempty, .toolbox-field [contenteditable].toolbox-field__input:not(:empty) + .on-notempty, .toolbox-field [contenteditable=true].toolbox-field__input:not(:empty) + .on-notempty { opacity: 1; }

.toolbox-field [contenteditable], .toolbox-field [contenteditable=true] { cursor: text; }

.toolbox-field [contenteditable]:empty::before, .toolbox-field [contenteditable=true]:empty::before { content: attr(placeholder); display: block; font-size: 1rem; font-weight: normal; font-style: normal; font-family: 'Source Sans Pro', 'tenforce', Arial, sans-serif; letter-spacing: normal; text-transform: none; text-decoration: none; color: rgba(0, 0, 0, 0.35); transition: color .3s ease-in-out; pointer-events: none; }

.toolbox-field--inline { display: inline-block; }

.toolbox-field--rich .toolbox-field__input { border-radius: 0.35rem; }

.toolbox-field--whiteinput { color: #000; }

.toolbox-field--whiteinput input.toolbox-field__input, .toolbox-field--whiteinput textarea.toolbox-field__input, .toolbox-field--whiteinput [contenteditable].toolbox-field__input, .toolbox-field--whiteinput [contenteditable=true].toolbox-field__input { background-color: rgba(255, 255, 255, 0.8); color: #000 !important; }

.toolbox-field--whiteinput input.toolbox-field__input:hover, .toolbox-field--whiteinput textarea.toolbox-field__input:hover, .toolbox-field--whiteinput [contenteditable].toolbox-field__input:hover, .toolbox-field--whiteinput [contenteditable=true].toolbox-field__input:hover { background-color: white; }

.toolbox-field--whiteinput input.toolbox-field__input:focus, .toolbox-field--whiteinput textarea.toolbox-field__input:focus, .toolbox-field--whiteinput [contenteditable].toolbox-field__input:focus, .toolbox-field--whiteinput [contenteditable=true].toolbox-field__input:focus { background-color: white; }

.toolbox-field--whiteinput input::placeholder { color: rgba(0, 0, 0, 0.35) !important; }

.toolbox-field--whiteinput textarea::placeholder { color: rgba(0, 0, 0, 0.35) !important; }

.toolbox-field--whiteinput [contenteditable]::placeholder { color: rgba(0, 0, 0, 0.35) !important; }

.toolbox-field--whiteinput [contenteditable=true]::placeholder { color: rgba(0, 0, 0, 0.35) !important; }

.toolbox-field--preview { width: 100%; }

.toolbox-field--preview figure { position: relative; background-color: #d7d7d7; background-size: cover; height: 15.625rem; border-radius: 1.25rem; margin: 0.375rem; padding: 0.375rem 0.75rem; display: flex; align-items: flex-end; justify-content: flex-end; }

.toolbox-field--inverted .toolbox-field__label { color: #FFF; }

.toolbox-field--inverted input, .toolbox-field--inverted textarea, .toolbox-field--inverted [contenteditable], .toolbox-field--inverted [contenteditable=true] { color: #FFF; }

.toolbox-field--inverted input::-webkit-input-placeholder, .toolbox-field--inverted textarea::-webkit-input-placeholder, .toolbox-field--inverted [contenteditable]::-webkit-input-placeholder, .toolbox-field--inverted [contenteditable=true]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.35); }

.toolbox-field--inverted input::placeholder, .toolbox-field--inverted textarea::placeholder, .toolbox-field--inverted [contenteditable]::placeholder, .toolbox-field--inverted [contenteditable=true]::placeholder { color: rgba(255, 255, 255, 0.35); }

.toolbox-field--inverted [contenteditable]:empty::before, .toolbox-field--inverted [contenteditable=true]:empty::before { color: rgba(255, 255, 255, 0.35); }

.toolbox-field .toolbox-selector { margin: 0; max-width: 100%; }

.toolbox-field .toolbox-action--btn { margin: 0; }

.is-inverted .toolbox-field__label { color: #FFF; }

.is-inverted .toolbox-field input.toolbox-field__input:focus, .is-inverted .toolbox-field textarea.toolbox-field__input:focus, .is-inverted .toolbox-field [contenteditable].toolbox-field__input:focus, .is-inverted .toolbox-field [contenteditable=true].toolbox-field__input:focus { background-color: rgba(0, 0, 0, 0.2); }

.is-inverted input, .is-inverted textarea, .is-inverted [contenteditable], .is-inverted [contenteditable=true] { color: #FFF; }

.is-inverted input::-webkit-input-placeholder, .is-inverted textarea::-webkit-input-placeholder, .is-inverted [contenteditable]::-webkit-input-placeholder, .is-inverted [contenteditable=true]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.35); }

.is-inverted input::placeholder, .is-inverted textarea::placeholder, .is-inverted [contenteditable]::placeholder, .is-inverted [contenteditable=true]::placeholder { color: rgba(255, 255, 255, 0.35); }

.is-inverted [contenteditable]:empty::before, .is-inverted [contenteditable=true]:empty::before { color: rgba(255, 255, 255, 0.35); }