/* ============================================= */
/* CSS for control sap.ushell/FloatingContainer  */
/* Base theme                                    */
/* ============================================= */

.sapUshellFloatingContainer {
	position: absolute;
	width: @_sap_ushell_CoPilot_DockingWidth;
	max-height: 46rem;
	overflow-y: auto;
	overflow-x: hidden;
}

#shell-floatingContainer:focus {
	outline: 0.1px dotted var(--sapContent_FocusColor);
}

@media (max-width: 417px) {

	.sapUshellFloatingContainerWrapper:has(.sapUshellFloatingContainer:not(.sapUshellShellHidden)) {
		position: absolute;
		top: 0 !important;
		right: 0 !important;
		left: 0 !important;
		bottom: 0;
	}

	.sapUshellFloatingContainer {
		position: absolute;
		width: 100%;
		height: 100%;
		right: 0;
		top: 0;
	}
}

.sapUshellFloatingContainer-clone {
	position: absolute !important;
	z-index: 9;
}

.sapUshellFloatingContainerWrapper {
	z-index: 9;
}

.sapUshellFloatingContainerSelector {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
}

.sapUshellFloatingContainerSelector {
	cursor: pointer;
}

.sapUshellFloatingContainerWrapper  .sapUshellShellFloatingContainerFullHeight {
	height: 100% !important;
	max-height: 100% !important;
	overflow: hidden;
}

/* ========================================= Animations ========================================= */

@keyframes sapUshellMinimizeOverlayAnimation {

	0%  {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(0.95);
		opacity: 0;
	}
}

@keyframes sapUshellMaxgOverlayAnimation {

	0%  {
		opacity: 0;
		transform: scale(0.95);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.sapUshellContainerDockedMinimizeCoPilot{
	animation: sapUshellMinimizeOverlayAnimation ease-in-out 150ms 0ms 1 alternate forwards;
}

.sapUshellContainerDockedExtendCoPilot{
	animation: sapUshellMaxgOverlayAnimation ease-in-out 300ms 50ms 1 alternate forwards;
}

/* ======================================== Docking Area ======================================== */

.sapUshellShellDisplayDockingAreaLeft{
	width: @_sap_ushell_CoPilot_DockingWidth;
	height: 100%;
	background: fade(@sapUiDragAndDropBackground, 80);
	opacity: 0.25;
	position: absolute;
	z-index: 99;
	top: 0;
	border:0.125rem solid @sapUiDragAndDropActiveBorderColor;
}

.sapUshellShellDisplayDockingAreaRight{
	right: 0;
	height: 100%;
	width: @_sap_ushell_CoPilot_DockingWidth;
	background: fade(@sapUiDragAndDropBackground, 80);
	opacity: 0.25;
	position: absolute;
	z-index: 99;
	top: 0;
	border:0.125rem solid @sapUiDragAndDropActiveBorderColor;
}