/* =====================================================================
   PURPLEPASS  |  Event Description Styles + Templates  (MERGED SET)
   ---------------------------------------------------------------------
   One stylesheet powering BOTH:
     1. Style plugin custom classes (block + text styles)
     2. Templates plugin inserted-component markup
   ---------------------------------------------------------------------
   Brand
     Primary purple ...... #49176d
     Purple (deep) ....... #2f0e47
     Purple (light tint) . #f3edf8
     Magenta accent ...... #e11d6e
     Blue emphasis ....... #3442a2
     Green ............... #19a974
     Dark gray (borders) . #3a3a44
     Border gray (soft) .. #e2e0e8
     Ink (body text) ..... #2b2b33
     Muted text .......... #6b6b78
     Font ................ Roboto
   ---------------------------------------------------------------------
   SCOPE + WIDTH
     Wrap the event description (editor body AND public Overview output)
     in an element with class "pp-wysiwyg-restore".  All rules live under .pp-wysiwyg-restore so
     nothing leaks into the rest of the page.
       <div class="pp-wysiwyg-restore"> ...description html... </div>
     In Jodit set:  editorClassName: 'pp-wysiwyg-restore'

     The Overview column is max 740px wide.  .pp-wysiwyg-restore caps itself at
     740px and every component is fluid within it, collapsing cleanly
     down to ~320px (iPhone SE 2nd gen and smaller).
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&family=Roboto+Mono:wght@400;500&display=swap');

.pp-wysiwyg-restore {
	/* palette */
	--pp-purple: #49176d;
	--pp-purple-deep: #2f0e47;
	--pp-bg-tint: #f9f8fd;
	--pp-magenta: #e11d6e;
	--pp-blue: #3442a2;
	--pp-blue-deep: #20293c;
	--pp-green: #19a974;
	--pp-ink: #1d1730;
	--pp-text: #2b2b33;
	--pp-muted: #6b6b78;
	--pp-line: #e2e0e8;
	--pp-gray-dark: #3a3a44;
	--pp-soft: #f7f6fa;
	--pp-navy: #17213a;
	/* shape */
	--pp-radius: 16px;
	--pp-radius-sm: 10px;
	--pp-shadow: 0 12px 30px rgba(29, 23, 48, 0.12);
	--pp-shadow-sm: 0 0px 5px rgba(29, 23, 48, 0.05);

	max-width: 740px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: var(--pp-text);
	font-size: 16px;
	line-height: 1.65;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.pp-wysiwyg-restore *,
.pp-wysiwyg-restore *::before,
.pp-wysiwyg-restore *::after {
	box-sizing: border-box;
}

.pp-wysiwyg-restore p {
	margin: 0 0 1em;
}

.pp-wysiwyg-restore img {
	max-width: 100%;
	height: auto;
}

.pp-wysiwyg-restore a {
	color: var(--pp-purple);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.pp-wysiwyg-restore a:hover {
	color: var(--pp-magenta);
}

/* =====================================================================
   1. BLOCK STYLES   (Style plugin -> "Block styles")
   ===================================================================== */

/* Section Heading (matches current site section heading style) ---- */
.pp-wysiwyg-restore .pp-section-heading {
	position: relative;
	font-size: 20px;
	font-weight: 600;
	line-height: 2.5;
	letter-spacing: 1px;
	text-align: left;
	color: #2e3280;
	padding: 0;
	margin: 0 0 25px;
	text-transform: capitalize;
}

.pp-wysiwyg-restore .pp-section-heading::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 36px;
	height: 2px;
	background-color: #dd2c66;
}

/* Subsection Title ------------------------------------------------ */
.pp-wysiwyg-restore .pp-subsection {
	color: var(--pp-purple-deep);
	font-size: clamp(18px, 4vw, 22px);
	line-height: 1.2;
	font-weight: 600;
	margin: 1.3em 0 0.45em;
}

/* Micro Title (small uppercase header) ---------------------------- */
.pp-wysiwyg-restore .pp-micro-title {
	color: var(--pp-ink);
	font-size: 14px;
	line-height: 1.25;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-weight: 800;
	margin: 1.1em 0 0.5em;
}

/* Eyebrow label (kicker) ------------------------------------------ */
.pp-wysiwyg-restore .pp-eyebrow {
	color: var(--pp-magenta);
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	font-weight: 700;
	margin: 1.1em 0 0.4em;
}

/* Lead Paragraph -------------------------------------------------- */
.pp-wysiwyg-restore .pp-lead {
	color: var(--pp-gray-dark);
	font-size: clamp(17px, 2.5vw, 19px);
	line-height: 1.6;
	font-weight: 400;
	margin: 0.6em 0 1em;
}

/* Compact Details (smaller muted) --------------------------------- */
.pp-wysiwyg-restore .pp-detail {
	color: var(--pp-muted);
	font-size: 14px;
	line-height: 1.6;
	margin: 0.5em 0 0.75em;
}

/* Fine Print ------------------------------------------------------ */
.pp-wysiwyg-restore .pp-fineprint {
	color: var(--pp-muted);
	font-size: 12.5px;
	line-height: 1.55;
	margin: 0.7em 0;
}

/* Info Note v2 (neutral gray) ------------------------------------- */
.pp-wysiwyg-restore .pp-note-v2 {
	background: var(--pp-soft);
	border: 1px solid var(--pp-line);
	border-radius: 12px;
	padding: 14px 18px;
	margin: 1.1em 0;
	color: var(--pp-text);
	font-size: 0.95em;
}

/* Info Note (purple tint, purple left bar) ------------------------ */
.pp-wysiwyg-restore .pp-infobox {
	background: var(--pp-bg-tint);
	border-left: 4px solid var(--pp-purple);
	border-radius: 8px;
	padding: 16px 20px;
	margin: 1.1em 0;
	color: var(--pp-text);
}

/* Important Alert (magenta left bar, soft pink) ------------------- */
.pp-wysiwyg-restore .pp-alert-v1 {
	background: #fff4f7;
	border: 1px solid #ffd6e3;
	border-left: 5px solid var(--pp-magenta);
	border-radius: 8px;
	padding: 15px 17px;
	margin: 1.1em 0;
	color: #5a1531;
}

/* Positive Highlight (green) -------------------------------------- */
.pp-wysiwyg-restore .pp-positive {
	background: #f0fbf7;
	border: 1px solid #cfeee3;
	border-left: 5px solid var(--pp-green);
	border-radius: 8px;
	padding: 15px 17px;
	margin: 1.1em 0;
	color: #123d2d;
}

/* Dark Callout Box ------------------------------------------------ */
.pp-wysiwyg-restore .pp-callout-dark {
	background: var(--pp-blue-deep);
	color: #fff;
	border-radius: var(--pp-radius);
	box-shadow: var(--pp-shadow);
	padding: clamp(20px, 4vw, 24px);
	margin: 1.2em 0;
}

.pp-wysiwyg-restore .pp-callout-dark h2,
.pp-wysiwyg-restore .pp-callout-dark h3,
.pp-wysiwyg-restore .pp-callout-dark h4,
.pp-wysiwyg-restore .pp-callout-dark p,
.pp-wysiwyg-restore .pp-callout-dark li {
	color: #fff;
}

/* Quotes (left magenta bar) --------------------------------------- */
.pp-wysiwyg-restore .pp-pullquote {
	border: none;
	margin: 1.4em 0;
	padding: 4px 0 4px 16px;
	border-left: 4px solid var(--pp-magenta);
	font-size: 1em;
	font-style: italic;
	font-weight: 300;
	line-height: 1.45;
	color: var(--pp-purple-deep);
}

/* =====================================================================
   2. TEXT STYLES   (Style plugin -> "Text styles")
   ===================================================================== */

.pp-wysiwyg-restore .pp-text-purple {
	color: var(--pp-purple);
	font-weight: 700;
}

.pp-wysiwyg-restore .pp-text-pink {
	color: var(--pp-magenta);
	font-weight: 700;
}

.pp-wysiwyg-restore .pp-text-blue {
	color: var(--pp-blue);
	font-weight: 700;
}

.pp-wysiwyg-restore .pp-marker {
	background: linear-gradient(transparent 56%, #fff09c 56%);
	padding: 0 3px;
}

.pp-wysiwyg-restore .pp-marker-pink {
	background: linear-gradient(transparent 56%, #fbcfe1 56%);
	padding: 0 3px;
}

.pp-wysiwyg-restore .pp-marker-green {
	background: linear-gradient(transparent 56%, #c9f5e4 56%);
	padding: 0 3px;
}

.pp-wysiwyg-restore .pp-smallcaps {
	color: var(--pp-purple-deep);
	font-size: 0.78em;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.pp-wysiwyg-restore .pp-underline {
	background-image: linear-gradient(var(--pp-magenta), var(--pp-magenta));
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 100% 2px;
	padding-bottom: 2px;
	font-weight: 700;
}

.pp-wysiwyg-restore .pp-struck {
	text-decoration: line-through;
	color: var(--pp-muted);
	font-weight: 400;
}

/* --- Tag group v1-v6 (badges, code, pills) ----------------------- */
.pp-wysiwyg-restore .pp-tag-v1 {
	/* Standard badge */
	display: inline-block;
	background: var(--pp-bg-tint);
	color: var(--pp-purple-deep);
	border: 1px solid #e4d9f5;
	border-radius: 999px;
	padding: 0.22em 0.65em;
	font-size: 0.82em;
	line-height: 1.35;
	font-weight: 700;
	white-space: nowrap;
}

.pp-wysiwyg-restore .pp-tag-v2 {
	/* VIP badge (gradient) */
	display: inline-block;
	background: linear-gradient(135deg, var(--pp-purple), var(--pp-magenta));
	color: #fff;
	border-radius: 999px;
	padding: 0.24em 0.7em;
	font-size: 0.82em;
	line-height: 1.35;
	font-weight: 700;
	white-space: nowrap;
}

.pp-wysiwyg-restore .pp-tag-v3 {
	/* Sold out badge */
	display: inline-block;
	background: #f2f2f5;
	color: var(--pp-muted);
	border: 1px solid #dddde8;
	border-radius: 999px;
	padding: 0.22em 0.65em;
	font-size: 0.82em;
	line-height: 1.35;
	font-weight: 700;
	white-space: nowrap;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.pp-wysiwyg-restore .pp-tag-v4 {
	/* Inline code */
	background: var(--pp-soft);
	color: var(--pp-purple-deep);
	border: 1px solid var(--pp-line);
	border-radius: 6px;
	padding: 0.1em 0.4em;
	font-family: 'Roboto Mono', Consolas, Monaco, monospace;
	font-size: 0.9em;
}

.pp-wysiwyg-restore .pp-tag-v5 {
	/* Pill solid */
	display: inline-block;
	background: var(--pp-purple);
	color: #fff;
	font-size: 0.72em;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 3px 10px;
	border-radius: 999px;
	vertical-align: middle;
	line-height: 1.4;
	white-space: nowrap;
}

.pp-wysiwyg-restore .pp-tag-v6 {
	/* Pill outline */
	display: inline-block;
	background: transparent;
	color: var(--pp-purple);
	border: 1.5px solid var(--pp-purple);
	font-size: 0.72em;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 2px 9px;
	border-radius: 999px;
	vertical-align: middle;
	line-height: 1.4;
	white-space: nowrap;
}

/* =====================================================================
   3. TEMPLATE COMPONENTS   (Templates plugin)
   Wrapper: .pp-tpl gives consistent vertical rhythm.
   ===================================================================== */
.pp-wysiwyg-restore .pp-tpl {
	margin: 1.3em 0;
}

.pp-wysiwyg-restore .pp-tpl p {
	margin: 0 0 0.1em;
}

.pp-wysiwyg-restore .pp-tpl p:last-child,
.pp-wysiwyg-restore .pp-tpl ul:last-child {
	margin-bottom: 0;
}

/* shared panel ---------------------------------------------------- */
.pp-wysiwyg-restore .pp-panel {
	background: #fff;
	border: 1px solid var(--pp-line);
	border-radius: var(--pp-radius);
	box-shadow: var(--pp-shadow-sm);
	padding: clamp(16px, 4vw, 24px);
}

/* shared kicker / title / heading inside templates ---------------- */
.pp-wysiwyg-restore .pp-tpl-kicker {
	color: var(--pp-magenta);
	font-size: 0.75em;
	line-height: 1.2;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 0 8px;
}

.pp-wysiwyg-restore .pp-tpl-heading {
	color: #2e3280;
	font-size: clamp(1.125em, 4vw, 1.375em);
	line-height: 1.2;
	letter-spacing: -0.015em;
	font-weight: 800;
	margin: 0 0 10px;
}

/* shared grids (fluid; collapse via auto-fit + minmax) ------------ */
.pp-wysiwyg-restore .pp-grid-2,
.pp-wysiwyg-restore .pp-grid-3,
.pp-wysiwyg-restore .pp-grid-4 {
	display: grid;
	gap: 14px;
}

.pp-wysiwyg-restore .pp-grid-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pp-wysiwyg-restore .pp-grid-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pp-wysiwyg-restore .pp-grid-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* --- Two Columns (plain text) ------------------------------------ */
.pp-wysiwyg-restore .pp-cols {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}

.pp-wysiwyg-restore .pp-cols>.pp-col {
	border-left: 2px solid #d8d8d8;
	padding-left: 12px;
}

.pp-wysiwyg-restore .pp-cols>.pp-col>strong {
	display: block;
	color: #2e3280;
	margin-bottom: 4px;
	font-size: 1.05em;
}

/* --- Two Column Details (paneled) -------------------------------- */
/* uses .pp-grid-2 + .pp-panel */
.pp-wysiwyg-restore .pp-twocol .pp-tpl-heading {
	font-weight: 600;
	font-size: clamp(1em, 4vw, 1.25em);
}

.pp-wysiwyg-restore .pp-twocol .pp-panel p {
	font-size: 0.94em;
	line-height: 1.5;
}

/* --- Feature Cards (white, with icon) ---------------------------- */
.pp-wysiwyg-restore .pp-card {
	background: #fff;
	border: 1px solid var(--pp-line);
	border-radius: 14px;
	box-shadow: 0 2px 8px rgba(47, 14, 71, 0.05);
	padding: 20px 18px;
}

.pp-wysiwyg-restore .pp-card .pp-card-icon {
	font-size: 1.8em;
	line-height: 1;
	margin-bottom: 8px;
}

.pp-wysiwyg-restore .pp-card h3 {
	font-size: 1.08em;
	font-weight: 600;
	color: #2e3280;
	margin: 0 0 6px;
}

.pp-wysiwyg-restore .pp-card p {
	font-size: 0.86em;
	color: var(--pp-muted);
	margin: 0;
}

/* --- Quick Facts Strip ------------------------------------------- */
.pp-wysiwyg-restore .pp-facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.pp-wysiwyg-restore .pp-fact {
	background: #fff;
	border: 1px solid var(--pp-line);
	border-radius: 12px;
	padding: 14px 12px;
	text-align: center;
}

.pp-wysiwyg-restore .pp-fact .pp-fact-value {
	color: #2e3280;
	font-size: 1.15em;
	font-weight: 600;
	letter-spacing: -0.01em;
	margin: 0 0 3px;
	line-height: 1.15;
}

.pp-wysiwyg-restore .pp-fact .pp-fact-label {
	color: var(--pp-muted);
	font-size: 0.75em;
	font-weight: 500;
	margin: 0;
}

/* --- Detail / Spec Grid ------------------------------------------ */
.pp-wysiwyg-restore .pp-specs {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1px;
	background: var(--pp-line);
	border: 1px solid var(--pp-line);
	border-radius: 12px;
	overflow: hidden;
}

.pp-wysiwyg-restore .pp-specs .pp-spec {
	background: #fff;
	padding: 15px 17px;
}

.pp-wysiwyg-restore .pp-specs .pp-spec-label {
	font-size: 0.72em;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pp-magenta);
	margin: 0 0 4px;
}

.pp-wysiwyg-restore .pp-specs .pp-spec-value {
	font-size: 1em;
	font-weight: 500;
	color: var(--pp-ink);
	margin: 0;
}

/* --- Schedule (rows: time | body) -------------------------------- */
.pp-wysiwyg-restore .pp-schedule {
	border-top: 1px solid var(--pp-line);
}

.pp-wysiwyg-restore .pp-sched-row {
	display: flex;
	gap: 18px;
	padding: 13px 2px;
	border-bottom: 1px solid var(--pp-line);
	align-items: baseline;
}

.pp-wysiwyg-restore .pp-sched-time {
	flex: 0 0 96px;
	font-weight: 600;
	color: #2e3280;
	font-size: 0.95em;
}

.pp-wysiwyg-restore .pp-sched-body {
	flex: 1 1 auto;
	min-width: 0;
}

.pp-wysiwyg-restore .pp-sched-body strong {
	display: block;
	color: var(--pp-ink);
}

.pp-wysiwyg-restore .pp-sched-body span {
	font-size: 0.9em;
	color: var(--pp-muted);
}

/* --- Schedule Timeline (vertical dots) --------------------------- */
.pp-wysiwyg-restore .pp-timeline-panel .pp-tpl-heading {
	font-weight: 600;
}

.pp-wysiwyg-restore .pp-timeline {
	position: relative;
	padding-left: 18px;
	margin-top: 6px;
}

.pp-wysiwyg-restore .pp-timeline::before {
	content: "";
	position: absolute;
	left: 5px;
	top: 4px;
	bottom: 4px;
	width: 2px;
	background: #e6ddf3;
}

.pp-wysiwyg-restore .pp-tl-item {
	position: relative;
	padding: 0 0 18px 22px;
}

.pp-wysiwyg-restore .pp-tl-item:last-child {
	padding-bottom: 0;
}

.pp-wysiwyg-restore .pp-tl-item::before {
	content: "";
	position: absolute;
	left: -18px;
	top: 6px;
	width: 12px;
	height: 12px;
	border: 3px solid #fff;
	border-radius: 50%;
	background: var(--pp-magenta);
	box-shadow: 0 0 0 2px #e6ddf3;
}

.pp-wysiwyg-restore .pp-tl-head {
	margin: 0 0 2px;
	line-height: 1.3;
}

.pp-wysiwyg-restore .pp-tl-time {
	color: #e11d6e;
	font-weight: 600;
}

.pp-wysiwyg-restore .pp-tl-event {
	color: var(--pp-ink);
	font-weight: 600;
}

.pp-wysiwyg-restore .pp-tl-note {
	color: var(--pp-muted);
	font-size: 0.875em;
	margin: 0;
}

/* --- clean bullet list (weekend schedule, included) -------------- */
.pp-wysiwyg-restore .pp-list-clean {
	list-style: none;
	padding: 0 0 0 5px;
	margin: 0px 0 0;
}

.pp-wysiwyg-restore .pp-list-clean li {
	position: relative;
	font-size: 15px;
	padding-left: 17px;
	margin: 8px 0;
	color: var(--pp-text);
}

.pp-wysiwyg-restore .pp-list-clean li::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--pp-magenta);
	position: absolute;
	left: 0;
	top: 0.62em;
}

/* Weekend Schedule (scoped overrides) ----------------------------- */
.pp-wysiwyg-restore .pp-weekend .pp-tpl-heading {
	color: #2e3280;
	font-weight: 600;
}

.pp-wysiwyg-restore .pp-weekend .pp-list-clean li::before {
	background: #a2a1a1;
	width: 6px;
	height: 6px;
}

/* --- What's Included (two clean lists) --------------------------- */
/* uses .pp-grid-2 + .pp-list-clean */
.pp-wysiwyg-restore .pp-included.pp-panel {
	border: 0;
	box-shadow: none;
	padding-left: 0;
	padding-right: 0;
}

.pp-wysiwyg-restore .pp-included .pp-tpl-heading {
	color: #2e3280;
	font-weight: 600;
}

.pp-wysiwyg-restore .pp-included .pp-list-clean {
	padding-left: 5px;
}

.pp-wysiwyg-restore .pp-included .pp-list-clean li::before {
	background: #a2a1a1;
	width: 6px;
	height: 6px;
}

/* --- FAQ --------------------------------------------------------- */
.pp-wysiwyg-restore .pp-faq .pp-faq-item {
	border-bottom: 1px solid var(--pp-line);
	padding: 16px 0;
}

.pp-wysiwyg-restore .pp-faq .pp-faq-item:first-child {
	padding-top: 0;
}

.pp-wysiwyg-restore .pp-faq .pp-faq-q {
	font-weight: 800;
	color: #41466e;
	font-size: 1.02em;
	margin: 0 0 6px;
	padding-left: 24px;
	position: relative;
}

.pp-wysiwyg-restore .pp-faq .pp-faq-q::before {
	content: "Q";
	position: absolute;
	left: 0;
	top: 0;
	color: var(--pp-magenta);
	font-weight: 900;
}

.pp-wysiwyg-restore .pp-faq .pp-faq-a {
	margin: 0;
	color: var(--pp-muted);
	padding-left: 24px;
	font-size: 0.95em;
}

/* --- Checklist --------------------------------------------------- */
.pp-wysiwyg-restore .pp-checklist {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pp-wysiwyg-restore .pp-checklist li {
	position: relative;
	padding: 6px 0 6px 30px;
	color: var(--pp-text);
}

.pp-wysiwyg-restore .pp-checklist li::before {
	content: "\2713";
	position: absolute;
	left: 0;
	top: 7px;
	width: 20px;
	height: 20px;
	background: #28ba0a;
	color: #fff;
	border-radius: 50%;
	font-size: 0.69em;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* =====================================================================
   4. RESPONSIVE  (container is <=740px; tune for tablet -> SE)
   ===================================================================== */

/* Narrow tablet / large phone: drop dense grids to 2 or 1 col ----- */
@media (max-width: 600px) {

	.pp-wysiwyg-restore .pp-grid-3,
	.pp-wysiwyg-restore .pp-grid-4 {
		grid-template-columns: 1fr;
	}

	.pp-wysiwyg-restore .pp-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pp-wysiwyg-restore .pp-grid-2,
	.pp-wysiwyg-restore .pp-cols {
		grid-template-columns: 1fr;
	}

	.pp-wysiwyg-restore .pp-specs {
		grid-template-columns: 1fr;
	}
}

/* Small phones (iPhone SE 2nd gen ~375px and below) --------------- */
@media (max-width: 430px) {
	.pp-wysiwyg-restore {
		font-size: 15px;
	}

	.pp-wysiwyg-restore .pp-facts {
		grid-template-columns: 1fr;
	}

	.pp-wysiwyg-restore .pp-sched-row {
		flex-direction: column;
		gap: 2px;
	}

	.pp-wysiwyg-restore .pp-sched-time {
		flex-basis: auto;
	}

	.pp-wysiwyg-restore .pp-callout-dark,
	.pp-wysiwyg-restore .pp-panel {
		padding: 16px;
	}
}

/* overrides */

:root {
	--jd-padding-default: 4px;
	--jd-border-radius-default: 6px;
	--jd-color-border-active: var(--color-blue-4);
	--jd-color-background-default: #fff;
	--jd-color-button-background-hover: var(--color-grey-11);
}

.jodit-popup {
	background: 0 0;
	margin: 4px 0 0 4px;
	max-width: none;
	padding: 0;
	width: auto;
}

.jodit-templates-popup__card-preview {
	width: 252px;
}

.jodit-templates-popup__card-preview-inner {
	transform: scale(.48);
	margin-left: 5px;
}

.jodit-style-popup__group-title {
	color: #757575;
	font-size: 14px;
	padding: 8px 0 4px 6px;
}

.jodit-style-popup__card {
	border-radius: 8px;
}

.jodit-style-popup__card_active_true {
	border: 2px solid var(--color-blue-4);
}

.jodit-style-popup__card:hover {
	border-color: var(--color-blue-4);
}

.jodit-toolbar-button_icon:empty+.jodit-toolbar-button_text:not(:empty) {
	padding: 0 10px;
}

.jodit-toolbar-collection_mode_vertical .jodit-ui-group,
.jodit-toolbar-editor-collection_mode_vertical .jodit-ui-group {
	margin-right: 2px;
}

.jodit-toolbar-select_style .jodit-toolbar-select__button {
	padding: 0 8px;
	min-width: 70px;
}

.jodit-dialog__panel {
	border-radius: 8px;
	padding: 4px 10px 10px 10px;
}

.jodit-dialog__footer button {
	padding: 20px 18px;
}

.jodit-dialog__resizer {
	bottom: -10px;
	right: -10px;
}

/* finder */
.jodit-ui-sidebar__hide-btn,
.jodit-ui-browser-item__name,
.jodit-ui-browser-item__filesize {
	display: none;
}