/******************************************/
/* Shortcode Style Start
/******************************************/
#{$parent-class} {
  	.copy_shortcode {
		// width: max-content;
		display: inline-block;
		color: rgba($content, 0.8);
		background: $white;
		border: 1px solid $primary;
		padding: 8px;
		border-radius: 5px;
		font-family: monospace;
		font-size: 16px;
		font-weight: $medium;
		position: relative;
		cursor: pointer;
		overflow: hidden;
		margin-left: auto;
		white-space: nowrap;

		@include respond (tabport) {
			display: none;
		}

		&_mbl {
			width: 80px;
			display: none;
			background: rgba($primary, 0.12);
			color: $primary;

			@include respond (tabport) {
				display: block;
			}
		}

      	.copied-message {
			position: absolute;
			width: 100%;
			height: 100%;
			background: $primary;
			color: $white;
			font-weight: 600;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
			top: 0;
			left: 0;
			opacity: 0;
			transform: scale(0);
			transition: 350ms opacity ease-out;
      	}

		.animOpen {
			transform: scale(1);
			opacity: 1;
		}
  }

  // if the shortcode in td/table
  	td>.copy_shortcode {
		width: 100%;
		max-width: 300px;
		padding: 4px;
		color: rgba($content, 0.65);
	}
}

/******************************************/
/* Shortcode Style End
/******************************************/

// wp-admin wp-core-ui js toplevel_page_ai1wm_export admin-bar branch-6-3 version-6-3-1 admin-color-fresh locale-en-us customize-support dialog-body dialog-buttons-body dialog-container dialog-buttons-container sticky-menu svg e--ua-blink e--ua-edge e--ua-mac e--ua-webkit
// wp-admin wp-core-ui js toplevel_page_ai1wm_export admin-bar branch-6-3 version-6-3-1 admin-color-fresh locale-en-us customize-support dialog-body dialog-buttons-body dialog-container dialog-buttons-container sticky-menu svg e--ua-blink e--ua-edge e--ua-mac e--ua-webkit auto-fold