@media only screen and (max-width: 992px) {
	.snippet-wrapper .widget-container .editor-header-title {
			padding-bottom: 8px!important
		}

	}
	.snippet-wrapper {
		margin-top:20px;
		background: var(--lighter);
		border: 1px solid var(--light);
		padding: 20px 20px 20px 20px;
		border-radius: 10px;
		-webkit-box-shadow: 0 3px 0 0 rgba(71, 82, 100, .05);
		-moz-box-shadow: 0 3px 0 0 rgba(71, 82, 100, .05);
		box-shadow: 0 3px 0 0 rgba(71, 82, 100, .05);
	}
	.snippet-wrapper .widget-container .editor-header {
		background: var(--secondary) !important;
		padding: 1rem 1.5rem !important;
		font-weight: 400!important;
	}
	.snippet-wrapper .widget-container .editor-label {
		font-weight: 600 !important;
		font-size: 1.5rem !important;
		display: flex;
		align-items: center;
		margin-bottom: 10px;
	}

	.snippet-wrapper .editor-header {display: none!important;}
	.snippet-wrapper .widget-container .editor-section {
		row-gap: unset !important; 
	}
	.snippet-wrapper .widget-container .editor-section .slate-editor {
		background: var(--white);
		padding: 1rem 1.5rem !important;
		border-radius: 0;
		height:auto;
		max-height:500px;
		border: 1px solid var(--light);
		border-radius: 10px;
	}

	.snippet-wrapper .slate-editor::-webkit-scrollbar {
    	width: .5em;
    	border-radius: 100px;
	}
	 
	.snippet-wrapper .slate-editor::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
	  background-color: var(--lighter);
    border-radius: 10px;
	}
	 
	.snippet-wrapper .slate-editor::-webkit-scrollbar-thumb {
	  background-color: var(--dark);
	  outline:1px solid var(--white);
    	border-radius: 100px;
    	padding: 5px;
	}
	.snippet-wrapper .editor-section button {
		width: fit-content;
		text-align: left;

	}
	.snippet-wrapper .widget-container .editor-section .display-fonts {
		color: var(--darker) !important;
		--editor-font-color: var(--darker) !important;
	}
	.snippet-wrapper .te-button {
		margin-left: 10px;

	}
	.snippet-wrapper .widget-container .loading{
		text-align: center;
		padding-top:2rem;
		padding-bottom:2rem;
	}
	.snippet-wrapper .slate-editor p {font-size: .875rem!important;line-height: 1.2!important;margin:0 !important;margin-bottom:10px;}
	.snippet-wrapper .header-abbr {display: none}
	.snippet-wrapper .editor-label {margin-top: 0 !important;}
	.snippet-wrapper .editor-label span{font-size: 1.2rem !important}
	.snippet-wrapper .slate-macro, .snippet-wrapper .slate-macro:hover, .snippet-wrapper .slate-macro:focus, .snippet-wrapper [tabindex="-1"]:focus:not(:focus-visible) {
		background: none  !important;
		box-shadow: 0 0 0 1px rgba(var(--rgb-medium),.5) !important;
		color: #475264!important;
		padding: 1px .5rem 1px .5rem !important;
		background-position: 9px center !important; 
		cursor: default;
		margin-top:2px;
		margin-bottom:2px;
	}
	.snippet-wrapper .slate-macro.fill-optional-begin, .snippet-wrapper .slate-macro.fill-optional-begin:hover, .snippet-wrapper .slate-macro.fill-optional-begin:focus{
		background-image: url('https://embed.textexpander.com/repeat-alt-regular-7NLSCHR4-7NLSCHR4.svg') !important;
	    margin-top: 15px;
	        padding: 1px var(--cushion-smallest) 1px var(--cushion-large) !important;
    background-size: var(--x-small-icon-size) !important;
    background-position: left calc(var(--x-small-icon-size) / 2) center !important;
    background-repeat: no-repeat !important;
	}
	.snippet-wrapper .editor-section *:focus:not(input) {
		box-shadow: none !important;

	}

	.snippet-wrapper .editor-section dialog {
		height:200px;
	}
	.snippet-wrapper .editor-section dialog form{
		display: none !important;
	}
	.snippet-wrapper .cta-container {
		padding-top:1rem;
		text-align: right;
	}
	.snippet-wrapper .copy-link {
		cursor: pointer;
	}
	.copy-snippet {

		background: #fff;
	}
	.snippet-wrapper .copy-confirmation {
		display: none;
		position: absolute;
		top: -10px;
		left: 40px;
		padding: 5px 10px;
		z-index: 100;
		background: var(--light);
		color: var(--dark);
		-moz-border-radius: 5px;
		/* this works only in camino/firefox */
		-webkit-border-radius: 5px;
		/* this is just for Safari */
		font-size: .875rem;

	}
	.snippet-wrapper .copy-confirmation:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-right: 8px solid var(--light);
		left: -8px;
		top: 8px;
	}
	.snippet-wrapper .slate-editor button:after {
		content: ""!important;
	}
	.snippet-wrapper .copytext {
		display: none;
	}
	.snippet-wrapper .copy-alert {
		justify-content: stretch;
		margin-left: 5px;
		display: none;
	}
	.snippet-wrapper .copy-alert-arrow {
		width: 0; 
	  height: 0; 
	  border-top: 14px solid transparent;
	  border-bottom: 14px solid transparent; 
	  
	  border-right:10px solid var(--light); 
	  display: inline-block;
	}
	.snippet-wrapper .copy-alert-text {
		display: inline-block;
		background: var(--light);
	  display: inline-block;
		display: flex;align-items: center;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		padding: 5px 10px;
		font-size: .875rem;
	}