styles.css

#page-lib-editor-tiny-plugins-c4l-preview #page{padding-top:0;margin-top:0}#page-lib-editor-tiny-plugins-c4l-management .tiny_c4l_thumbnail,#page-lib-editor-tiny-plugins-c4l-printurls .tiny_c4l_thumbnail{width:48px;height:48px}#page-lib-editor-tiny-plugins-c4l-management .preview.management,#page-lib-editor-tiny-plugins-c4l-printurls .preview.management{display:flex;justify-content:space-evenly;width:100%;height:3rem;padding-bottom:.25rem}#page-lib-editor-tiny-plugins-c4l-management .preview.management>div,#page-lib-editor-tiny-plugins-c4l-printurls .preview.management>div{width:45%}#page-lib-editor-tiny-plugins-c4l-management .preview.management>div .c4l-button-text,#page-lib-editor-tiny-plugins-c4l-printurls .preview.management>div .c4l-button-text{height:100%}#page-lib-editor-tiny-plugins-c4l-management .preview.management>div .c4l-button-text::before,#page-lib-editor-tiny-plugins-c4l-printurls .preview.management>div .c4l-button-text::before{display:flex;width:unset;height:100%}#page-lib-editor-tiny-plugins-c4l-management .preview.management>div.more,#page-lib-editor-tiny-plugins-c4l-printurls .preview.management>div.more{display:flex;flex-direction:column;justify-content:center;width:10%}#page-lib-editor-tiny-plugins-c4l-management .preview.management>div.more .c4l-button-text::before,#page-lib-editor-tiny-plugins-c4l-printurls .preview.management>div.more .c4l-button-text::before{all:unset;content:"..."}#page-lib-editor-tiny-plugins-c4l-management .preview.management>div.more .c4l-button-text,#page-lib-editor-tiny-plugins-c4l-printurls .preview.management>div.more .c4l-button-text{word-wrap:unset}#page-lib-editor-tiny-plugins-c4l-management .compcat:hover .card,#page-lib-editor-tiny-plugins-c4l-printurls .compcat:hover .card{border:1px solid #787878}#page-lib-editor-tiny-plugins-c4l-management .compcat.active .card,#page-lib-editor-tiny-plugins-c4l-printurls .compcat.active .card{border:1px solid #0b5190}#page-lib-editor-tiny-plugins-c4l-management .card-title,#page-lib-editor-tiny-plugins-c4l-printurls .card-title{white-space:nowrap}#page-lib-editor-tiny-plugins-c4l-management .card-body,#page-lib-editor-tiny-plugins-c4l-printurls .card-body{display:flex;flex-direction:column;padding-top:.75rem}#page-lib-editor-tiny-plugins-c4l-management .card-body>div:hover,#page-lib-editor-tiny-plugins-c4l-printurls .card-body>div:hover{cursor:pointer}#page-lib-editor-tiny-plugins-c4l-management .card-body>div:hover+a.edit,#page-lib-editor-tiny-plugins-c4l-printurls .card-body>div:hover+a.edit{color:#094478}#page-lib-editor-tiny-plugins-c4l-management form[data-formtype=tiny_c4l_comp_flavor] input.form-control,#page-lib-editor-tiny-plugins-c4l-printurls form[data-formtype=tiny_c4l_comp_flavor] input.form-control{width:100%}#page-lib-editor-tiny-plugins-c4l-management .addcontainer .card,#page-lib-editor-tiny-plugins-c4l-printurls .addcontainer .card{max-width:9rem}#page-lib-editor-tiny-plugins-c4l-management .compcat[data-compcat=found-items] a,#page-lib-editor-tiny-plugins-c4l-printurls .compcat[data-compcat=found-items] a{display:none}.c4l-plugin-container .nav.nav-tabs{flex-wrap:wrap-reverse}.c4l-plugin-container .nav.nav-tabs .nav-item a.active{background-color:#f6f7f8;border-bottom:1px solid #f6f7f8}.c4l-plugin-container .nav.nav-tabs .nav-item a.active.dropdown-item{color:inherit}.c4l-plugin-container .nav.nav-tabs,.c4l-plugin-container .nav.nav-tabs .dropdown-item{font-size:.8rem}.c4l-plugin-container .nav.nav-tabs .nav-link{border:1px solid #d3d3d3;border-bottom:none;border-top-right-radius:.2rem;border-top-left-radius:.2rem}.c4l-buttons-preview{display:flex;justify-content:space-between;width:100%;min-height:31vh;max-height:60vh;background-color:#f6f7f8}.c4l-buttons-grid{display:flex;flex-wrap:wrap;justify-content:space-evenly;row-gap:12px;margin-bottom:0;width:100%;overflow-y:auto}.c4l-hidden{display:none !important;max-height:0;padding:0}.c4lt-dialog-button{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;height:48px;max-height:100px;width:100%;max-width:100%;background-color:#fff;border:1px solid #e4e9ec;color:#535d76;box-shadow:0 0 6px 0 rgba(0,0,0,.1);overflow-wrap:anywhere;overflow:hidden;padding:0;margin-bottom:8px}.c4lt-dialog-button .c4l-button-text{display:flex;align-items:center;height:100%}.c4lt-dialog-button .c4l-button-text::before{position:absolute;left:0;height:100%;min-height:23px;display:flex;justify-content:center;align-items:center;border-right:1px solid #dce3f0;width:60px;height:60px;top:3px;align-content:center}.c4lt-dialog-button:hover,.c4lt-dialog-button:active{box-shadow:inset 0 0 3px rgba(22,121,249,.3)}.c4lt-dialog-button .c4l-button-text{position:relative;font-size:12px;font-weight:500;width:100%;text-align:left;padding-left:62px}.c4l-code-preview{display:none;overflow:hidden;background-color:#fff;border-top:2px solid #f6f7f8}.c4l-code-preview .c4l-component-code{-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);width:160%;margin-top:35px}.c4l-code-preview .c4l-component-code .c4l-learningoutcomes{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}.c4lt-dialog-button .c4l-button-variants{display:grid;grid-auto-flow:column;grid-gap:3px;justify-content:end;width:100%;height:42px;margin-right:3px}.c4lt-dialog-button .c4l-button-variants .c4l-button-variant{display:flex;justify-content:center;align-items:center;background-color:#ecf3ff;color:#1679f9;height:42px;width:36px}.c4lt-dialog-button .c4l-button-variants .c4l-button-variant::before{content:" ";background-size:50%;background-repeat:no-repeat;background-position:center;height:42px;width:36px}.c4lt-dialog-button .c4l-button-variants .c4l-button-variant.on,.c4lt-dialog-button .c4l-button-variants .c4l-button-variant:hover{background-color:#1679f9;color:#fff}.c4lt-dialog-button .c4l-button-variants .c4l-button-variant.on::before,.c4lt-dialog-button .c4l-button-variants .c4l-button-variant:hover::before{filter:brightness(10)}body.mce-content-body .collapse:not(.show),.c4l-code-preview .collapse:not(.show){display:block !important}@media only screen and (min-width: 576px){.c4l-buttons-filters,.c4l-buttons-flavors{display:flex;justify-content:center;align-items:center;margin:10px 0 10px}}@media only screen and (min-width: 992px){.c4l-modal-no-preview.modal-open .modal-dialog{max-width:500px}.c4l-buttons-preview.c4l-no-preview{justify-content:center}.c4l-buttons-preview.c4l-no-preview .c4l-buttons-grid{grid-gap:9px;justify-content:center;width:405px}.c4l-buttons-preview.c4l-no-preview .c4l-code-preview{display:none}.c4l-buttons-grid{width:444px;padding:16px 0 3px 0}.c4lt-dialog-button{height:100px;width:116px;max-width:116px;box-shadow:none;border-radius:4px;margin-bottom:0}.c4lt-dialog-button::before{content:""}.c4lt-dialog-button .c4l-button-text::before{left:0;right:0;margin:0 auto;border-right:none;display:inline-block;width:60px;height:60px;top:3px}.c4lt-dialog-button .c4l-button-text{padding:70px 8px 15px 8px;font-size:12px;font-weight:500;line-height:13px;width:80px;text-align:center;justify-content:center}.c4lt-dialog-button .c4l-button-variants{grid-auto-flow:row;grid-gap:0;align-content:flex-start;justify-content:start;width:36px;height:99px;background-color:#ecf3ff;margin:0}.c4lt-dialog-button .c4l-button-variants .c4l-button-variant{display:flex;justify-content:center;align-items:center;color:#1679f9;height:33px;width:36px}.c4lt-dialog-button:hover,.c4lt-dialog-button:active{box-shadow:0 0 0 3px rgba(22,121,249,.3)}.c4lt-dialog-button .c4l-button-variants .c4l-button-variant:first-child,.c4lt-dialog-button .c4l-button-variants .c4l-button-variant:nth-child(2){border-bottom:1px solid #fff}.c4lt-dialog-button:hover .c4l-button-variants .c4l-button-variant{box-shadow:none}.c4l-code-preview{position:relative;display:flex;flex-direction:column;width:343px;align-items:center;justify-content:center}.c4l-preview-default{border:1px solid #e1e5ee;border-radius:8px;color:#9297a1;padding:23px 10px;font-weight:400;font-size:12px;line-height:16px;text-align:center;width:60%;margin:0 auto;-webkit-user-select:none;-ms-user-select:none;user-select:none}.c4l-text-preview{position:absolute;top:10px;right:10px;font-weight:600;font-size:9.5px;line-height:11px;letter-spacing:.06em;color:#fff;background-color:#535d76;border-radius:6px;padding:5px;text-transform:uppercase}}