#size_guide_btn {
	cursor: pointer !important;
	text-decoration: underline !important;
}

#size_guide_content {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	z-index: 100;
	background-color: white;
	padding: 10px;
	max-height: 80vh;
	overflow: auto;
}

#size_modal {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 56%);
	z-index: 99;
}

#size_guide_content img {
	width: 100%;
}

#size_close_btn {
	cursor: pointer;
	width: 25px;
	display: block;
	height: 25px;
	float: right;
}

@media screen and (max-width: 480px) {
	#size_guide_content {
		width: 90%;
		height: 80vh;
	}
}

.smart-size-container {
	background: linear-gradient(135deg, #f6f8fb 0%, #e5ebf4 100%);
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 25px;
	text-align: center;
	box-shadow: 0 4px 15px rgba(0, 0, 0, .05);
	border: 1px solid #dce3ed;
	direction: rtl;
}

.smart-size-header h4 {
	margin: 0 0 8px 0;
	font-size: 1.2rem;
	color: #2c3e50;
	font-weight: 700;
}

.smart-size-header p {
	margin: 0 0 15px 0;
	font-size: .9rem;
	color: #596a7b;
}

.smart-size-input-wrapper {
	position: relative;
	max-width: 250px;
	margin: 0 auto;
}

.smart-size-input-wrapper input {
	width: 100%;
	padding: 12px 15px 12px 45px;
	border: 2px solid #cbd5e1;
	border-radius: 8px;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
	transition: all .3s ease;
	outline: none;
	box-sizing: border-box;
}

.smart-size-input-wrapper input:focus {
	border-color: #3b82f6;
	box-shadow: 0 0 0 3px rgba(59, 130, 246, .2);
}

.smart-size-input-wrapper .cm-suffix {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #94a3b8;
	font-weight: bold;
	font-size: .9rem;
	pointer-events: none;
}

.smart-size-result {
	margin-top: 15px;
	font-size: 1.2rem;
	font-weight: 800;
	color: #10b981;
	background: #d1fae5;
	display: inline-block;
	padding: 8px 20px;
	border-radius: 30px;
	animation: fadeInDown .3s ease;
}

.ck-content .table table tr {
	transition: all .3s ease;
}

.ck-content .table table tr.dimmed {
	opacity: .4;
}

.ck-content .table table tr.highlighted {
	background-color: #ecfdf5 !important;
	transform: scale(1.02);
	box-shadow: 0 4px 10px rgba(16, 185, 129, .2);
	border: 2px solid #10b981;
	opacity: 1;
	z-index: 10;
	position: relative;
}

.ck-content .table table tr.highlighted td {
	font-weight: bold;
	color: #047857;
	border-color: #10b981;
}

.ck-content blockquote {
	overflow: hidden;
	padding-right: 1.5em;
	padding-left: 1.5em;
	margin-left: 0;
	margin-right: 0;
	font-style: italic;
	border-left: solid 5px hsl(0, 0%, 80%);
}

.ck-content[dir="rtl"] blockquote {
	border-left: 0;
	border-right: solid 5px hsl(0, 0%, 80%);
}

.ck-content code {
	background-color: hsla(0, 0%, 78%, .3);
	padding: .15em;
	border-radius: 2px;
}

.ck-content .marker-yellow {
	background-color: var(--ck-highlight-marker-yellow);
}

.ck-content .marker-green {
	background-color: var(--ck-highlight-marker-green);
}

.ck-content .marker-pink {
	background-color: var(--ck-highlight-marker-pink);
}

.ck-content .marker-blue {
	background-color: var(--ck-highlight-marker-blue);
}

.ck-content .pen-red {
	color: var(--ck-highlight-pen-red);
	background-color: transparent;
}

.ck-content .pen-green {
	color: var(--ck-highlight-pen-green);
	background-color: transparent;
}

.ck-content .text-tiny {
	font-size: .7em;
}

.ck-content .text-small {
	font-size: .85em;
}

.ck-content .text-big {
	font-size: 1.4em;
}

.ck-content .text-huge {
	font-size: 1.8em;
}

.ck-content .image.image_resized {
	max-width: 100%;
	display: block;
	box-sizing: border-box;
}

.ck-content .image.image_resized img {
	width: 100%;
}

.ck-content .image.image_resized>figcaption {
	display: block;
}

.ck-content .image>figcaption {
	display: table-caption;
	caption-side: bottom;
	word-break: break-word;
	color: var(--ck-color-image-caption-text);
	background-color: var(--ck-color-image-caption-background);
	padding: .6em;
	font-size: .75em;
	outline-offset: -1px;
}

.ck-content .image-style-block-align-left, .ck-content .image-style-block-align-right {
	max-width: calc(100% - var(--ck-image-style-spacing));
}

.ck-content .image-style-align-left, .ck-content .image-style-align-right {
	clear: none;
}

.ck-content .image-style-side {
	float: right;
	margin-left: var(--ck-image-style-spacing);
	max-width: 50%;
}

.ck-content .image-style-align-left {
	float: left;
	margin-right: var(--ck-image-style-spacing);
}

.ck-content .image-style-align-center {
	margin-left: auto;
	margin-right: auto;
}

.ck-content .image-style-align-right {
	float: right;
	margin-left: var(--ck-image-style-spacing);
}

.ck-content .image-style-block-align-right {
	margin-right: 0;
	margin-left: auto;
}

.ck-content .image-style-block-align-left {
	margin-left: 0;
	margin-right: auto;
}

.ck-content p+.image-style-align-left, .ck-content p+.image-style-align-right, .ck-content p+.image-style-side {
	margin-top: 0;
}

.ck-content .image-inline.image-style-align-left, .ck-content .image-inline.image-style-align-right {
	margin-top: var(--ck-inline-image-style-spacing);
	margin-bottom: var(--ck-inline-image-style-spacing);
}

.ck-content .image-inline.image-style-align-left {
	margin-right: var(--ck-inline-image-style-spacing);
}

.ck-content .image-inline.image-style-align-right {
	margin-left: var(--ck-inline-image-style-spacing);
}

.ck-content .image {
	display: table;
	clear: both;
	text-align: center;
	margin: .9em auto;
	min-width: 50px;
}

.ck-content .image img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	min-width: 100%;
}

.ck-content .image-inline {
	display: inline-flex;
	max-width: 100%;
	align-items: flex-start;
}

.ck-content .image-inline picture {
	display: flex;
}

.ck-content .image-inline picture, .ck-content .image-inline img {
	flex-grow: 1;
	flex-shrink: 1;
	max-width: 100%;
}

.ck-content .todo-list {
	list-style: none;
}

.ck-content .todo-list li {
	margin-bottom: 5px;
}

.ck-content .todo-list li .todo-list {
	margin-top: 5px;
}

.ck-content .todo-list .todo-list__label>input {
	-webkit-appearance: none;
	display: inline-block;
	position: relative;
	width: var(--ck-todo-list-checkmark-size);
	height: var(--ck-todo-list-checkmark-size);
	vertical-align: middle;
	border: 0;
	left: -25px;
	margin-right: -15px;
	right: 0;
	margin-left: 0;
}

.ck-content .todo-list .todo-list__label>input::before {
	display: block;
	position: absolute;
	box-sizing: border-box;
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid hsl(0, 0%, 20%);
	border-radius: 2px;
	transition: 250ms ease-in-out box-shadow, 250ms ease-in-out background, 250ms ease-in-out border;
}

.ck-content .todo-list .todo-list__label>input::after {
	display: block;
	position: absolute;
	box-sizing: content-box;
	pointer-events: none;
	content: "";
	left: calc(var(--ck-todo-list-checkmark-size) / 3);
	top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
	width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
	height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
	border-style: solid;
	border-color: transparent;
	border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
	transform: rotate(45deg);
}

.ck-content .todo-list .todo-list__label>input[checked]::before {
	background: hsl(126, 64%, 41%);
	border-color: hsl(126, 64%, 41%);
}

.ck-content .todo-list .todo-list__label>input[checked]::after {
	border-color: hsl(0, 0%, 100%);
}

.ck-content .todo-list .todo-list__label .todo-list__label__description {
	vertical-align: middle;
}

.ck-content span[lang] {
	font-style: italic;
}

.ck-content .media {
	clear: both;
	margin: .9em 0;
	display: block;
	min-width: 15em;
}

.ck-content .page-break {
	position: relative;
	clear: both;
	padding: 5px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ck-content .page-break::after {
	content: "";
	position: absolute;
	border-bottom: 2px dashed hsl(0, 0%, 77%);
	width: 100%;
}

.ck-content .page-break__label {
	position: relative;
	z-index: 1;
	padding: .3em .6em;
	display: block;
	text-transform: uppercase;
	border: 1px solid hsl(0, 0%, 77%);
	border-radius: 2px;
	font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
	font-size: .75em;
	font-weight: bold;
	color: hsl(0, 0%, 20%);
	background: hsl(0, 0%, 100%);
	box-shadow: 2px 2px 1px hsla(0, 0%, 0%, .15);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ck-content .table>figcaption {
	display: table-caption;
	caption-side: top;
	word-break: break-word;
	text-align: center;
	color: var(--ck-color-table-caption-text);
	background-color: var(--ck-color-table-caption-background);
	padding: .6em;
	font-size: .75em;
	outline-offset: -1px;
}

.ck-content .table {
	margin: .9em auto;
	display: table;
	max-width: 100% !important;
	width: 100% !important;
}

.ck-content .table table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	border: 1px double hsl(0, 0%, 70%);
}

.ck-content .table table td, .ck-content .table table th {
	min-width: 2em;
	padding: .4em;
	border: 1px solid hsl(0, 0%, 75%);
}

.ck-content .table table th {
	font-weight: bold;
	background: hsla(0, 0%, 0%, 5%);
}

.ck-content[dir="rtl"] .table th {
	text-align: right;
}

.ck-content[dir="ltr"] .table th {
	text-align: left;
}

.ck-content .table .ck-table-resized {
	table-layout: fixed;
}

.ck-content .table table {
	overflow: hidden;
}

.ck-content .table td, .ck-content .table th {
	position: relative;
}

.ck-content pre {
	padding: 1em;
	color: hsl(0, 0%, 20.8%);
	background: hsla(0, 0%, 78%, .3);
	border: 1px solid hsl(0, 0%, 77%);
	border-radius: 2px;
	text-align: left;
	direction: ltr;
	tab-size: 4;
	white-space: pre-wrap;
	font-style: normal;
	min-width: 200px;
}

.ck-content pre code {
	background: unset;
	padding: 0;
	border-radius: 0;
}

.ck-content hr {
	margin: 15px 0;
	height: 4px;
	background: hsl(0, 0%, 87%);
	border: 0;
}

.ck-content ol {
	list-style-type: decimal;
}

.ck-content ol ol {
	list-style-type: lower-latin;
}

.ck-content ol ol ol {
	list-style-type: lower-roman;
}

.ck-content ol ol ol ol {
	list-style-type: upper-latin;
}

.ck-content ol ol ol ol ol {
	list-style-type: upper-roman;
}

.ck-content ul {
	list-style-type: circle;
}

.ck-content ul ul {
	list-style-type: disc;
}

.ck-content ul ul ul {
	list-style-type: square;
}

.ck-content ul ul ul ul {
	list-style-type: square;
}

.ck-content .mention {
	background: var(--ck-color-mention-background);
	color: var(--ck-color-mention-text);
}

@media print {
	.ck-content .page-break {
		padding: 0;
	}
	
	.ck-content .page-break::after {
		display: none;
	}
}