.hopp-lms-course-theming__section{background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:10px;padding:20px}.hopp-lms-course-theming__section:first-of-type{border-top:1px solid #e0e0e0}.hopp-lms-course-theming__section h3{font-size:1.3em;font-weight:700;margin-bottom:6px}.hopp-lms-course-theming__section p{color:#666;font-size:1em;font-style:italic;margin:0 0 10px}.hopp-lms-course-theming__section p.hopp-lms-course-theming__colour-item__help{font-size:.8em;margin:0}.hopp-lms-course-theming__section .hopp-lms-course-theming__image-wrapper{align-items:center;display:flex;flex-direction:column;margin-bottom:18px}.hopp-lms-course-theming__section .hopp-lms-course-theming__colours-wrapper{display:flex;flex-direction:column;margin-top:10px}.hopp-lms-course-theming__section .hopp-lms-course-theming__colour-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:18px;padding:12px 0;position:relative}.hopp-lms-course-theming__section .hopp-lms-course-theming__colour-item:last-child{border-bottom:none}.hopp-lms-course-theming__section .hopp-lms-course-theming__colour-item__preview{border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.04);height:32px;width:32px}.hopp-lms-course-theming__section .hopp-lms-course-theming__colour-item__preview-wrapper{align-items:center;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.04);cursor:pointer;display:flex;gap:4px;justify-content:center;padding:4px}.hopp-lms-course-theming__section .hopp-lms-course-theming__colour-item__label{display:flex;flex-direction:column;min-width:90px}.hopp-lms-course-theming__section .hopp-lms-course-theming__colour-item__label__name{font-size:1em;font-weight:500}.hopp-lms-course-theming__section .hopp-lms-course-theming__colour-item__label__hex{color:#888;font-size:.9em}.hopp-lms-course-theming__section .hopp-lms-course-theming__colour-item__palette{flex:1}.hopp-lms-course-theming__colour-item__popover .components-popover__content{padding:12px}