.ibws-sc-placement {
	display: flex;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.ibws-sc-align--left { justify-content: flex-start; }
.ibws-sc-align--center { justify-content: center; }
.ibws-sc-align--right { justify-content: flex-end; }
.ibws-sc-align--none { display: inline-flex; width: auto; vertical-align: middle; }

.ibws-sc-auto-placement {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	padding: 10px max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));
}

.ibws-sc-auto-placement .ibws-sc-placement {
	width: auto;
}

.ibws-sc-floating-item {
	position: fixed;
	z-index: var(--ibws-sc-float-z, 99900);
	display: block;
	max-width: calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));
	box-sizing: border-box;
	pointer-events: none;
	--ibws-sc-float-y-current: var(--ibws-sc-float-y, 24px);
}

.ibws-sc-floating-item > * {
	pointer-events: auto;
}

.ibws-sc-floating-item--top_left,
.ibws-sc-floating-item--bottom_left {
	left: max(var(--ibws-sc-float-x, 24px), calc(8px + env(safe-area-inset-left)));
}

.ibws-sc-floating-item--top_right,
.ibws-sc-floating-item--bottom_right {
	right: max(var(--ibws-sc-float-x, 24px), calc(8px + env(safe-area-inset-right)));
}

.ibws-sc-floating-item--top_left,
.ibws-sc-floating-item--top_right {
	top: max(var(--ibws-sc-float-y-current), calc(8px + env(safe-area-inset-top)));
}

.ibws-sc-floating-item--bottom_left,
.ibws-sc-floating-item--bottom_right {
	bottom: max(var(--ibws-sc-float-y-current), calc(8px + env(safe-area-inset-bottom)));
}

.ibws-sc-floating-item .ibws-sc-call-wrap,
.ibws-sc-floating-item .ibws-sc-wa-wrap,
.ibws-sc-floating-item .ibws-sc-call-button,
.ibws-sc-floating-item .ibws-sc-wa-button {
	max-width: 100%;
}

.ibws-sc-floating-item .ibws-sc-call-number {
	display: none;
}

@media (min-width: 1025px) {
	.ibws-sc-floating-item { --ibws-sc-float-y-current: var(--ibws-sc-float-y-desktop, var(--ibws-sc-float-y, 24px)); }
}

@media (min-width: 768px) and (max-width: 1024px) {
	.ibws-sc-floating-item { --ibws-sc-float-y-current: var(--ibws-sc-float-y-tablet, var(--ibws-sc-float-y, 24px)); }
}

@media (max-width: 767px) {
	.ibws-sc-floating-item { --ibws-sc-float-y-current: var(--ibws-sc-float-y-mobile, var(--ibws-sc-float-y, 24px)); }
	.ibws-sc-floating-item {
		max-width: calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));
	}

	.ibws-sc-auto-placement {
		gap: 9px;
	}
}