:root {
	--yuhura-global-border-radius: 0.5rem;
	--yuhura-global-padding: 1.5rem;
	--yuhura-global-transition-speed: 0.3s;
	--yuhura-global-card-shadow: 
		0px 0px 1px rgba(3, 7, 18, 0.01),
		1px 1px 4px rgba(3, 7, 18, 0.02),
		2px 2px 9px rgba(3, 7, 18, 0.02),
		3px 3px 15px rgba(3, 7, 18, 0.03),
		5px 5px 24px rgba(3, 7, 18, 0.04);
	--yuhura-toolbox-shadow: none;
	--yuhura-toolbox-border: solid 1px #cacaca;
	--yuhura-toolbox-button-padding:  0.85rem 1rem;
	--yuhura-toolbox-icon-button-padding:  0.5rem;
	--yuhura-toolbox-button-text:  #3d3d3d;
	--yuhura-toolbox-button-bg:  #ffffff;
	--yuhura-toolbox-button-active:  #3d3d3d;
	--yuhura-toolbox-button-active-shadow: 5px 5px 10px rgba(0, 0, 0, 0.07);
	--yuhura-alert: red;
	--yuhura-warning: orange;
	--yuhura-info:lightblue;
	--yuhura-okay: lightgreen;
}

.copy-button {
	background: transparent;
}
.copy-button i {
	opacity: 0.7;
	transition: all 0.2s
}
.copy-button:hover i {
	opacity: 1;
}
.copy-button:focus-visible i {
	opacity: 1;
}

/* ----------------------------- */
/* ---- Color Contrast --- */
/* ----------------------------- */
.color-text-white {
	color: #ffffff!important;
}
.color-text-black {
	color: #000000!important;
}
/* ----------------------------- */
/* ---- Yuhura Notifications --- */
/* ----------------------------- */
.yuhura-notifications {
	position: fixed;
	right: 20px;
	background-color: rgba(51, 51, 51, 0.849);
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	z-index: 10000;
	max-width: 300px;
}

.yuhura-notifications p {
	margin: 0;
	padding: 0;
}

.yuhura-notifications .close-notification {
	position: absolute;
	top: 5px;
	right: 10px;
	cursor: pointer;
}
/* -------- Toolbar ----------- */
.yuhura-toolbar-wrapper:not(.vertical) {
	display: flex;
	gap: 1rem;
	margin-bottom: 2rem;
	align-items: flex-start
}
.yuhura-toolbar-wrapper.vertical {
	flex-direction: column!important;
	display: flex;
	gap: 1rem;
}
ul.yuhura-toolbar,
.yuhura-toolbar li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #ffffff
}
.yuhura-toolbar  {
	display: flex;
}
.yuhura-icon-toolbar li {
	margin: 0;
}
.yuhura-icon-toolbar  {
	margin: 0;
	flex-wrap: wrap
}
.yuhura-toolbar .yuhura-toolbar-btn {
	padding: var(--yuhura-toolbox-button-padding);
	background: var(--yuhura-toolbox-button-bg);
	color: var(--yuhura-toolbox-button-text);
	box-shadow: var(--yuhura-toolbox-shadow);
	border-radius: var(--vector-grid-item-border-radius);
	line-height: 1;
	display: inline-block;
}
.yuhura-toolbar .yuhura-toolbar-icon-btn {
	padding: var(--yuhura-toolbox-icon-button-padding);
}
.yuhura-toolbar .yuhura-toolbar-icon-btn img {
	width: 25px!important;
	height: 25px!important;
	min-width: 25px!important;
	max-width: 25px!important;
}
.yuhura-toolbar .active {
	outline: solid 1px var(--yuhura-toolbox-button-active)!important;
	outline-offset: -1px;
	box-shadow: var(--yuhura-toolbox-button-active-shadow)
}
.yuhura-toolbar-search {
	margin-left: auto
}
/* ----------------------------- */
/* -------- Yuhura Card -------- */
/* ----------------------------- */
.y-card,
.yuhura-card {
	width: 100%;
	border-radius: var(--yuhura-global-border-radius);
	margin-bottom: var(--y-block-margin);
	padding: var(--yuhura-global-padding);
	box-shadow: var(--yuhura-global-card-shadow);
	position: relative;
}
.y-card-dark {
	background: var(--y-dark-page-bg);
}
.y-card-padding {
	padding: var(--yuhura-global-padding);
}