.cdd-drawer {
	--cdd-action-size: 40px;
	--cdd-viewport-top: 0px;
	--cdd-viewport-right: 0px;
	--cdd-viewport-bottom: 0px;
	--cdd-viewport-left: 0px;
}

.cdd-drawer .cdd-drawer__panel {
	max-width: calc(100vw - var(--cdd-viewport-left) - var(--cdd-viewport-right)) !important;
	max-height: calc(100dvh - var(--cdd-viewport-top) - var(--cdd-viewport-bottom) - env(safe-area-inset-top, 0px)) !important;
}

.cdd-drawer.cdd-drawer--edge-bottom .cdd-drawer__panel {
	bottom: var(--cdd-viewport-bottom) !important;
}

.cdd-drawer.cdd-drawer--edge-top .cdd-drawer__panel {
	top: var(--cdd-viewport-top) !important;
}

.cdd-drawer.cdd-drawer--edge-left .cdd-drawer__panel {
	left: var(--cdd-viewport-left) !important;
}

.cdd-drawer.cdd-drawer--edge-right .cdd-drawer__panel {
	right: var(--cdd-viewport-right) !important;
}

.cdd-drawer.cdd-drawer--horizontal.cdd-drawer--align-left .cdd-drawer__panel {
	left: var(--cdd-viewport-left) !important;
}

.cdd-drawer.cdd-drawer--horizontal.cdd-drawer--align-right .cdd-drawer__panel {
	right: var(--cdd-viewport-right) !important;
}

.cdd-drawer.cdd-drawer--vertical.cdd-drawer--side-align-top .cdd-drawer__panel {
	top: var(--cdd-viewport-top) !important;
}

.cdd-drawer.cdd-drawer--vertical.cdd-drawer--side-align-bottom .cdd-drawer__panel {
	bottom: var(--cdd-viewport-bottom) !important;
}

.cdd-drawer__pull-icon,
.cdd-drawer__close {
	width: var(--cdd-action-size);
	height: var(--cdd-action-size);
}

.cdd-drawer__pull-icon {
	opacity: 1 !important;
	transition: color 180ms ease, background-color 180ms ease, opacity 180ms ease;
}

.cdd-drawer.is-open .cdd-drawer__pull-icon {
	opacity: 0 !important;
}

.cdd-action-position-right .cdd-drawer--horizontal .cdd-drawer__pull-icon,
.cdd-action-position-right .cdd-drawer--horizontal .cdd-drawer__close {
	top: 50% !important;
	right: 10px !important;
	bottom: auto !important;
	left: auto !important;
	transform: translateY(-50%) !important;
}

.cdd-action-position-left .cdd-drawer--horizontal .cdd-drawer__pull-icon,
.cdd-action-position-left .cdd-drawer--horizontal .cdd-drawer__close {
	top: 50% !important;
	right: auto !important;
	bottom: auto !important;
	left: 10px !important;
	transform: translateY(-50%) !important;
}

.cdd-action-position-right .cdd-drawer--vertical .cdd-drawer__pull-icon,
.cdd-action-position-right .cdd-drawer--vertical .cdd-drawer__close {
	top: auto !important;
	right: auto !important;
	bottom: 10px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
}

.cdd-action-position-left .cdd-drawer--vertical .cdd-drawer__pull-icon,
.cdd-action-position-left .cdd-drawer--vertical .cdd-drawer__close {
	top: 10px !important;
	right: auto !important;
	bottom: auto !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
}

.cdd-action-position-right .cdd-drawer--horizontal .cdd-drawer__toggle {
	padding: 12px 54px 12px 22px;
}

.cdd-action-position-left .cdd-drawer--horizontal .cdd-drawer__toggle {
	padding: 12px 22px 12px 54px;
}

.cdd-action-position-right .cdd-drawer--vertical .cdd-drawer__toggle {
	padding: 42px 10px 56px;
}

.cdd-action-position-left .cdd-drawer--vertical .cdd-drawer__toggle {
	padding: 56px 10px 42px;
}

@media (prefers-reduced-motion: reduce) {
	.cdd-drawer__pull-icon {
		transition-duration: 1ms;
	}
}