/* wholesale.css */

#introductionModal table {
	pointer-events: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: none;
}

#introductionModal table button {
	/*width: 100%;*/
	/*font-size: .85em;*/
	white-space: nowrap;
}

#introductionModal td {
	font-size: 1.125em;
	height: 3.5em;
}

#introductionModal .material-svg-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: auto 90%;
	background-position: 110% 144%;
	background-color: none;
	background-image: url("/static/images/svg/maniaj/sagittarius_wakuwaku.2158319cfc6e.svg");
	-webkit-filter: opacity(5%);
    filter: opacity(5%);
  }

#helpCenter {
	position: fixed;
	z-index: 999;
	right: 0;
	bottom: .5em; /*4em;*/
	margin: .5em;
	opacity: .9;
	align-items: center;
}

button.button-help,
button.button-remove {
	font-family: 'Material Symbols Outlined';
	display: flex;
	align-items: center;
	border: none;
	outline: none;
	background-color: #fff; /* transparent; */
	margin: 0;
	padding: 0;
	line-height: 1;
	clip-path: circle(44%);
}

button.button-help {
	color: #0d6efd;
	clip-path: circle(40%);
}

button.button-help:hover {
	color: #0a58ca;
}

button.button-help:before {
	font-size: 2.75em;
	content: "help";
	font-variation-settings: 
	  'FILL' 1,
	  'wght' 400,
	  'GRAD' 20,
	  'opsz' 20
}

button.button-remove {
	color: #6c757d;
}

button.button-remove:hover {
	color: #333;
}

button.button-remove::before {
	font-size: 1em;
	content: "do_not_disturb_on";
	font-variation-settings: 'wght' 900;
}

button.button-view-selected-items {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	outline: none; /*outline: #fff solid 3px; */
	padding: 0 .75em;
	border-radius: 2em; /*.25em;*/
	box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.18), 0px 2px 2px -7px rgba(0, 0, 0, 0.15);
}
  
button.button-view-selected-items::before {
	font-family: 'Material Symbols Outlined';
	font-size: 1.5em;
	content: "kid_star"; /*"task_alt";*/
	font-variation-settings: 'FILL' 1;
	margin-right: .25em;
}

minus-plus-counter::before {
	font-family: 'Material Symbols Outlined';
	font-size: 2em;
	opacity: .125;
	content: " bug_report ";
}

[name="minus_plus_counter"] {
	width: 8em;
	display: inline-flex;
	vertical-align: middle;
}

[name="minus_plus_counter"] > input {
	width: 4em;
	text-align: center;
	border-left: none;
	border-right: none;
}

[name="minus_plus_counter"] > button {
	width: 2em;
	text-align: center;
	border-color: #ced4da;
	background-color: #fff;
}

[name="minus_plus_counter"] > [aria-label="Minus"] {
	border-right: none;
}

[name="minus_plus_counter"] > [aria-label="Plus"] {
	border-left: none;
}

/*#introductionModal [name="minus_plus_counter"] {
	width: 100%;
}*/

#introductionModal [name="minus_plus_counter"] * {
	/*font-size: .75em;*/
	pointer-events: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media only screen and (max-width: 575.98px) {
	#introductionModal td {
		font-size: 1em;
	}

	#introductionModal table button {
		font-size: .85em;
	}

	#introductionModal [name="minus_plus_counter"] * {
		font-size: .75em;
	}
}