.wnm-side-panel-widget {
	--wnm-spw-panel-width: 320px;
	--wnm-spw-sticky-top: 160px;
	--wnm-spw-sticky-offset: 0px;
	--wnm-spw-z-index: 80;
	--wnm-spw-duration: 260ms;
	--wnm-spw-easing: cubic-bezier(0.4, 0, 0.2, 1);
	--wnm-spw-toggle-size: 44px;
	--wnm-spw-toggle-top: 50%;
	--wnm-spw-toggle-peek: 24px;
	--wnm-spw-action-hover-shift: -1px;
	box-sizing: border-box;
	max-width: 100%;
	position: relative;
	transition: transform var(--wnm-spw-duration) var(--wnm-spw-easing);
	width: min(100%, var(--wnm-spw-panel-width));
	z-index: var(--wnm-spw-z-index);
}

.wnm-side-panel-widget--layout-sticky {
	position: fixed;
	top: var(--wnm-spw-sticky-top);
}

.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--side-right {
	right: var(--wnm-spw-sticky-offset);
}

.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--side-left {
	left: var(--wnm-spw-sticky-offset);
}

.wnm-spw__panel {
	align-items: stretch;
	background: #124b69;
	border: 0 solid transparent;
	border-radius: 18px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	min-height: 260px;
	padding: 30px 22px;
	row-gap: 26px;
}

.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--side-right .wnm-spw__panel {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--side-left .wnm-spw__panel {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.wnm-spw__heading {
	color: #f2f7fb;
	font-size: clamp(1.45rem, 2.2vw, 2.85rem);
	font-weight: 800;
	letter-spacing: 0.01em;
	line-height: 1.02;
	margin: 0;
	text-transform: uppercase;
}

.wnm-spw__actions {
	display: flex;
	flex-direction: column;
	row-gap: 14px;
}

.wnm-spw__action,
.wnm-spw__action:visited {
	align-items: center;
	background: #6fc2e8;
	border: 0 solid transparent;
	border-radius: 999px;
	box-sizing: border-box;
	color: #0f4a69;
	column-gap: 14px;
	display: flex;
	font-size: 1.15rem;
	font-weight: 700;
	justify-content: flex-start;
	line-height: 1.1;
	min-height: 64px;
	padding: 8px 20px 8px 10px;
	text-decoration: none;
	transition: transform var(--wnm-spw-duration) var(--wnm-spw-easing), background-color var(--wnm-spw-duration) var(--wnm-spw-easing), color var(--wnm-spw-duration) var(--wnm-spw-easing), border-color var(--wnm-spw-duration) var(--wnm-spw-easing), box-shadow var(--wnm-spw-duration) var(--wnm-spw-easing), opacity var(--wnm-spw-duration) var(--wnm-spw-easing);
}

.wnm-spw__action:hover,
.wnm-spw__action:focus-visible {
	transform: translateY(var(--wnm-spw-action-hover-shift));
}

.wnm-spw__action:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.wnm-spw__action-icon {
	align-items: center;
	background: #83cff1;
	border-radius: 999px;
	color: #fff;
	display: inline-flex;
	flex: 0 0 auto;
	height: 46px;
	justify-content: center;
	width: 46px;
}

.wnm-spw__action-icon i {
	font-size: 1.4rem;
}

.wnm-spw__action-icon svg {
	fill: currentColor;
	height: 1.4rem;
	width: 1.4rem;
}

.wnm-spw__action-label {
	display: inline-block;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	text-transform: uppercase;
}

.wnm-spw__toggle {
	align-items: center;
	background: #73c6ea;
	border: 0 solid transparent;
	border-radius: 999px;
	box-sizing: border-box;
	color: #0f4a69;
	cursor: pointer;
	display: inline-flex;
	height: var(--wnm-spw-toggle-size);
	justify-content: center;
	padding: 0;
	position: absolute;
	top: var(--wnm-spw-toggle-top);
	transform: translateY(-50%);
	transition: transform var(--wnm-spw-duration) var(--wnm-spw-easing), background-color var(--wnm-spw-duration) var(--wnm-spw-easing), color var(--wnm-spw-duration) var(--wnm-spw-easing), border-color var(--wnm-spw-duration) var(--wnm-spw-easing), box-shadow var(--wnm-spw-duration) var(--wnm-spw-easing), opacity var(--wnm-spw-duration) var(--wnm-spw-easing);
	width: var(--wnm-spw-toggle-size);
	z-index: 4;
}

.wnm-side-panel-widget--side-right .wnm-spw__toggle {
	left: calc(var(--wnm-spw-toggle-size) * -0.5);
}

.wnm-side-panel-widget--side-left .wnm-spw__toggle {
	right: calc(var(--wnm-spw-toggle-size) * -0.5);
}

.wnm-spw__toggle:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.wnm-spw__toggle-icon {
	align-items: center;
	display: inline-flex;
	height: 12px;
	justify-content: center;
	line-height: 1;
	position: absolute;
	width: 12px;
}

.wnm-spw__toggle-icon i {
	font-size: 12px;
	line-height: 1;
}

.wnm-spw__toggle-icon svg {
	fill: currentColor;
	height: 12px;
	width: 12px;
}

.wnm-spw__toggle-icon--open {
	opacity: 0;
	visibility: hidden;
}

.wnm-side-panel-widget.is-collapsed .wnm-spw__toggle-icon--open {
	opacity: 1;
	visibility: visible;
}

.wnm-side-panel-widget.is-collapsed .wnm-spw__toggle-icon--close {
	opacity: 0;
	visibility: hidden;
}

.wnm-side-panel-widget[data-start-collapsed="yes"]:not([data-wnm-spw-init="yes"]) .wnm-spw__toggle-icon--open {
	opacity: 1;
	visibility: visible;
}

.wnm-side-panel-widget[data-start-collapsed="yes"]:not([data-wnm-spw-init="yes"]) .wnm-spw__toggle-icon--close {
	opacity: 0;
	visibility: hidden;
}

.wnm-side-panel-widget--toggle-enabled.wnm-side-panel-widget--side-right.is-collapsed {
	transform: translateX(calc(100% - var(--wnm-spw-toggle-peek)));
}

.wnm-side-panel-widget--toggle-enabled.wnm-side-panel-widget--side-left.is-collapsed {
	transform: translateX(calc(-100% + var(--wnm-spw-toggle-peek)));
}

@media (min-width: 1025px) {
	.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--toggle-enabled.wnm-side-panel-widget--side-right[data-start-collapsed="yes"]:not([data-wnm-spw-init="yes"]) {
		transform: translateX(calc(100% - var(--wnm-spw-toggle-peek)));
	}

	.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--toggle-enabled.wnm-side-panel-widget--side-left[data-start-collapsed="yes"]:not([data-wnm-spw-init="yes"]) {
		transform: translateX(calc(-100% + var(--wnm-spw-toggle-peek)));
	}
}

@media (max-width: 1024px) and (min-width: 768px) {
	.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--sticky-tablet.wnm-side-panel-widget--toggle-enabled.wnm-side-panel-widget--side-right[data-start-collapsed="yes"]:not([data-wnm-spw-init="yes"]) {
		transform: translateX(calc(100% - var(--wnm-spw-toggle-peek)));
	}

	.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--sticky-tablet.wnm-side-panel-widget--toggle-enabled.wnm-side-panel-widget--side-left[data-start-collapsed="yes"]:not([data-wnm-spw-init="yes"]) {
		transform: translateX(calc(-100% + var(--wnm-spw-toggle-peek)));
	}
}

@media (max-width: 767px) {
	.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--sticky-mobile.wnm-side-panel-widget--toggle-enabled.wnm-side-panel-widget--side-right[data-start-collapsed="yes"]:not([data-wnm-spw-init="yes"]) {
		transform: translateX(calc(100% - var(--wnm-spw-toggle-peek)));
	}

	.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--sticky-mobile.wnm-side-panel-widget--toggle-enabled.wnm-side-panel-widget--side-left[data-start-collapsed="yes"]:not([data-wnm-spw-init="yes"]) {
		transform: translateX(calc(-100% + var(--wnm-spw-toggle-peek)));
	}
}

.wnm-spw__toggle.is-disabled {
	cursor: default;
	opacity: 0.35;
}

.wnm-side-panel-widget--layout-inline .wnm-spw__toggle,
.wnm-side-panel-widget:not(.wnm-side-panel-widget--toggle-enabled) .wnm-spw__toggle {
	display: none;
}

@media (max-width: 1024px) and (min-width: 768px) {
	.wnm-side-panel-widget--layout-sticky:not(.wnm-side-panel-widget--sticky-tablet) {
		left: auto;
		position: relative;
		right: auto;
		top: auto;
		transform: none;
		width: min(100%, var(--wnm-spw-panel-width));
	}

	.wnm-side-panel-widget--layout-sticky:not(.wnm-side-panel-widget--sticky-tablet) .wnm-spw__toggle {
		display: none;
	}
}

@media (max-width: 767px) {
	.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--sticky-mobile {
		max-width: calc(100vw - var(--wnm-spw-sticky-offset) - 8px);
		width: min(var(--wnm-spw-panel-width), calc(100vw - var(--wnm-spw-sticky-offset) - 8px));
	}

	.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--sticky-mobile.wnm-side-panel-widget--side-right {
		left: auto;
		right: var(--wnm-spw-sticky-offset);
	}

	.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--sticky-mobile.wnm-side-panel-widget--side-left {
		left: var(--wnm-spw-sticky-offset);
		right: auto;
	}

	.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--sticky-mobile.wnm-side-panel-widget--toggle-enabled.wnm-side-panel-widget--side-right:not(.is-collapsed),
	.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--sticky-mobile.wnm-side-panel-widget--toggle-enabled.wnm-side-panel-widget--side-left:not(.is-collapsed) {
		transform: translateX(0);
	}

	.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--sticky-mobile.wnm-side-panel-widget--toggle-enabled.wnm-side-panel-widget--side-right.is-collapsed {
		transform: translateX(calc(100% - var(--wnm-spw-toggle-peek)));
	}

	.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--sticky-mobile.wnm-side-panel-widget--toggle-enabled.wnm-side-panel-widget--side-left.is-collapsed {
		transform: translateX(calc(-100% + var(--wnm-spw-toggle-peek)));
	}

	.wnm-side-panel-widget--layout-sticky.wnm-side-panel-widget--sticky-mobile.wnm-side-panel-widget--side-left:not(.is-collapsed) .wnm-spw__toggle {
		right: 0;
	}

	.wnm-side-panel-widget--layout-sticky:not(.wnm-side-panel-widget--sticky-mobile) {
		left: auto;
		position: relative;
		right: auto;
		top: auto;
		transform: none;
		width: min(100%, var(--wnm-spw-panel-width));
	}

	.wnm-side-panel-widget--layout-sticky:not(.wnm-side-panel-widget--sticky-mobile) .wnm-spw__toggle {
		display: none;
	}

	.wnm-side-panel-widget {
		width: min(100%, calc(100vw - 20px));
	}

	.wnm-spw__panel {
		padding: 24px 16px;
		row-gap: 16px;
	}

	.wnm-spw__heading {
		font-size: clamp(1.25rem, 7vw, 1.9rem);
	}

	.wnm-spw__action,
	.wnm-spw__action:visited {
		font-size: 0.95rem;
		min-height: 54px;
		padding: 8px 14px 8px 8px;
	}

	.wnm-spw__action-icon {
		height: 38px;
		width: 38px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wnm-side-panel-widget,
	.wnm-spw__action,
	.wnm-spw__toggle {
		transition: none;
	}
}