/* only screen and (max-width: 786px)  */

#logo-upload.ui-modal {
	padding-left: 0px;
	margin-right: 0px;
}

#logo-upload.ui-modal p,
#logo-upload.ui-modal div {
	font-size: 13px;
}

#logo-upload.ui-modal .btn.btn-md {
	font-size: 14px;
}

#logo-upload.ui-modal .btn-md.btn-logo-tool,
#logo-upload.ui-modal .btn-md.btn-dark {
	padding: 16px 20px;
}

#logo-upload.ui-modal .btn-transparent {
	padding: 20px 20px !important;
}

#logo-upload.ui-modal .strike {
	margin-top: 25px;
	margin-bottom: 25px;
}

#logo-upload.ui-modal .spacing {
	height: 15px;
}

#logo-upload.ui-modal hr {
	margin-bottom: 25px;
}

#logo-upload.ui-modal > .ui-modal-inner::-webkit-scrollbar,
#logo-upload.ui-modal .ui-modal-body::-webkit-scrollbar {
	display: none;
}

#logo-upload.ui-modal > .ui-modal-inner > .ui-modal-dialog {
	position: relative;
	margin: 60px auto 10px auto;
	width: 94vw;
	padding: 30px;
	height: auto;
	max-height: unset;
	min-height: calc(100vh - 70px);
	min-height: calc(100dvh - 70px);
}

#logo-upload.ui-modal > .ui-modal-inner > .ui-modal-dialog:has(.line-clamp-checkbox:checked) {
	margin-bottom: 90px;
}

#logo-upload.ui-modal .collapsible.faq-wrapper {
	width: 94vw;
	margin-top: 50px;
}

#logo-upload.ui-modal > .btn-close {
	top: 10px;
	right: 5px;
	padding: 5px;
}

#logo-upload.ui-modal > .btn-close .material-icons {
	font-size: 28px;
}

#logo-upload.ui-modal .ui-modal-dialog .ui-modal-arrow-back,
#logo-upload #logo-upload-svg-preview .ui-modal-arrow-back {
	position: fixed;
	width: 40px;
	top: 10px;
	left: 5px;
}

#logo-upload.ui-modal .ui-modal-dialog .ui-modal-arrow-back button,
#logo-upload #logo-upload-svg-preview .ui-modal-arrow-back button {
	padding: 5px;
}

#logo-upload.ui-modal .ui-modal-dialog .ui-modal-arrow-back span,
#logo-upload #logo-upload-svg-preview .ui-modal-arrow-back span {
	font-size: 28px;
}

#logo-upload.ui-modal ul.circle-nav[data-circle-nav] {
	padding-left: 0;
	column-gap: 5px;
}

#logo-upload.ui-modal .circle-nav > .menu-item > span {
	min-width: 28px;
}

#logo-upload.ui-modal .circle-nav > .menu-item:last-child > span {
	min-width: 50px;
}

#logo-upload.ui-modal .circle-nav > .menu-item > span[data-total="0"] {
	font-size: 10px;
}

/* .slide-nav-container - #logotype-settings-1/2/2-1/3/3-1 */
#logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container {
	height: calc(100vh - 188px);
	height: calc(100dvh - 188px);
}

#logo-upload.ui-modal > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .slide-nav {
	padding-left: 0px;
}

/* .slide-nav-container - #logotype-settings-2 */
#logo-upload.ui-modal > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container.limited-height {
	height: calc(100vh - 369px);
	height: calc(100dvh - 369px);
}

#logo-upload.ui-modal > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content > .ui-modal-body {
	overflow-y: hidden;
	max-height: unset;
}

#logo-upload.ui-modal > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container > .color-preview > span.color-circle {
	width: 16px;
	height: 16px;
}

#logo-upload.ui-modal .ui-modal-floating-container {
	padding: 0 20px;
}

#logo-upload.ui-modal .ui-modal-floating-container .wrapper {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

#logo-upload.ui-modal .ui-modal-floating-container > p,
#logo-upload.ui-modal .logo-tool-video > .video-header > p {
	margin-bottom: 30px;
}

#logo-upload.ui-modal .ui-modal-floating-container:nth-of-type(2) > .h3 {
	padding-top: 0px;
}

#logo-upload .ui-modal-floating-container:nth-of-type(2) > p,
#logo-upload .logo-tool-video > .video-header > p {
	font-size: 13px;
}

#logo-upload.ui-modal .ui-modal-floating-container:nth-of-type(2) > .wrapper-upload {
	margin-bottom: 30px;
}

#logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content,
#logo-upload .ui-modal-body-step:nth-child(4),
#logo-upload .ui-modal-body-step:nth-child(4) .slide-nav > .menu-item > .content {
	min-height: calc(100vh - 130px);
	min-height: calc(100dvh - 130px);
}

/* pantone picker container - #logotype-settings-3-1 */
#logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .content:not(.fixed-footer) p + .content-inner {
	height: 100%;
	overflow: initial;
}

#logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .content:not(.fixed-footer) p + .content-inner .picker-wrapper .search-container {
	position: sticky;
	top: 0;
	background-color: var(--background-color);
	z-index: 2;
}

#logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .content:not(.fixed-footer) p + .content-inner .picker-wrapper .palette-container {
	overflow: initial;
}

#logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .content-inner .picker-wrapper .selected-color-container {
	font-size: 12px;
}

#logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container.limited-height > ul.slide-nav > li.menu-item > .content {
	overflow: hidden;
}

@media only screen and (max-height: 590px) {

	#logo-upload.ui-modal > .ui-modal-inner > .ui-modal-dialog {
		margin-bottom: 90px;
	}

	#logo-upload .ui-modal-body-step:nth-child(4) > .wrapper-upload.center {
		position: unset;
		transform: unset;
	}

	#logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content,
	#logo-upload .ui-modal-body-step:nth-child(4),
	#logo-upload .ui-modal-body-step:nth-child(4) .slide-nav > .menu-item > .content {
		height: 100%;
	}

	#logo-upload.ui-modal > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container.limited-height {
		height: 240px;
	}

	#logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .slide-nav-container {
		height: 620px;
	}

	#logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .content:not(.fixed-footer) p + .content-inner {
		height: 540px;
	}

	#logo-upload > .ui-modal-inner > .ui-modal-dialog > .ui-modal-content .content:not(.fixed-footer) .content-inner {
		height: 450px;
	}

	#logo-upload #logotype-settings-3 .slide-nav-container .content {
		height: 690px;
	}

}