@charset "utf-8";

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Lexend, Arial, sans-serif;
	color: #333333;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}

h1 {
	font-weight: 600;
	font-size: 2rem;
	line-height: 2.5rem
}

.saCompact h1 {
	font-size: 1.5rem;
	line-height: 2rem
}

.saSmallScreen h1 {
	font-size: 1rem;
	line-height: 1.25rem
}

h2 {
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 2rem
}

.saCompact h2 {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.saSmallScreen h2 {
	font-size: 1rem;
	line-height: 1.25rem
}

h3 {
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.375rem
}

.saSmallScreen h3 {
	font-size: .875rem;
	line-height: 1.25rem
}

h4 {
	font-weight: 700;
	font-size: .875rem;
	line-height: 1.375rem
}

.saSmallScreen h4 {
	font-size: .75rem;
	line-height: 1.125rem
}

h5 {
	font-weight: 300;
	font-size: .75rem;
	line-height: 1.125rem
}

.saSmallScreen h5 {
	font-size: .75rem;
	line-height: 1.125rem
}

h6 {
	font-weight: 900;
	font-size: .75rem;
	line-height: 1.125rem;
	font-variant: small-caps
}

@font-face {
	font-family: Lexend;
	src: url(../Fonts/Lexend-VariableFont_wght.ttf) format("truetype");
	font-weight: 100 900
}

a,
button,
input {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}

p a:hover {
	text-decoration: underline
}

input {
	border-radius: 0;
	-webkit-border-radius: 0
}

input[type=number] {
	-moz-appearance: textfield !important
}

abbr,
acronym,
address,
aggregate,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
output,
p,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0
}

fieldset {
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding-block-start: 0;
	padding-inline-start: 0;
	padding-inline-end: 0;
	padding-block-end: 0;
	min-inline-size: 0;
	border-width: 0;
	border-style: none;
	border-color: transparent;
	border-image: none
}

button,
input[type=button],
input[type=submit] {
	cursor: pointer
}

button:disabled,
input[type=button]:disabled,
input[type=submit]:disabled {
	cursor: default;
	pointer-events: none
}

pre:has(code) {
	margin: 0
}

.saHtmlViewWrapper h1,
.saHtmlViewWrapper h2,
.saHtmlViewWrapper h3,
.saHtmlViewWrapper h4,
.saHtmlViewWrapper h5,
.saHtmlViewWrapper h6 {
	font-size: revert;
	font-weight: revert;
	margin: revert;
	line-height: revert;
	color: revert
}

.saHtmlViewWrapper ol,
.saHtmlViewWrapper ul {
	list-style: revert;
	margin: 0;
	padding: 0 0 0 2.5rem
}

.saHtmlViewWrapper table {
	border-collapse: collapse
}

.saHtmlViewWrapper thead {
	background: #f8f9fb;
	font-weight: 700
}

.saHtmlViewWrapper td,
.saHtmlViewWrapper th {
	border: 1px solid #eef1f5;
	padding: .5rem;
	text-align: left
}

.saHtmlViewWrapper a {
	color: #006ebf;
	font-weight: 500
}

.saHtmlViewWrapper p {
	margin: revert
}

.saHtmlViewWrapper ol,
.saHtmlViewWrapper ul {
	list-style: revert;
	margin: revert;
	padding: revert
}

.saHtmlViewWrapper #map img {
	max-width: none
}

.saHtmlViewWrapper table {
	border: 1px solid #dde3ec;
	border-right: none;
	margin-left: 0 !important
}

.saHtmlViewWrapper td,
.saHtmlViewWrapper th {
	border-right: 1px solid #dde3ec;
	padding-right: .3125rem;
	padding-left: .3125rem
}

.saHtmlViewWrapper tr:nth-child(2n) {
	background: #f8f9fb
}

.saHtmlViewWrapper a:hover {
	text-decoration: underline
}

.saHtmlViewWrapper ul {
	list-style: disc;
	padding-left: 2rem
}

.saHtmlViewWrapper ol {
	list-style: decimal;
	padding-left: 2rem
}

.saHtmlViewWrapper em {
	font-style: italic
}

menu,
ul {
	list-style: none
}

strong {
	font-weight: 700;
	line-height: 1
}

i {
	font-style: italic
}

blockquote,
q {
	quotes: none
}

blockquote::after,
blockquote::before,
q::after,
q::before {
	content: '';
	content: none
}

table {
	border-spacing: 0
}

.clearer {
	clear: both;
	display: block;
	padding: 0;
	margin: 0
}

body,
button,
input,
legend,
option,
select,
table,
td,
textarea,
th {
	font-family: Lexend, Arial, sans-serif;
	font-size: 100%
}

code {
	font-family: 'Lucida Console', monospace;
	tab-size: 4
}

b {
	font-weight: 600
}

img {
	text-decoration: none
}

a {
	text-decoration: none
}

[data-sa-admin-link] {
	cursor: pointer
}

[data-api-link] {
	cursor: pointer
}

.nowrap {
	white-space: nowrap
}

.interface {
	font-size: .875rem;
	line-height: 1.5
}

.fieldandbuttonwrapper {
	display: flex
}

.fieldwrapper.search {
	position: relative
}

.maincolbodyinner {
	padding: 1rem
}

.interface,
.pagecontentframe,
body,
html {
	height: 100%
}

.maincol,
.maincolbodyinner {
	height: 100%
}

.scrollcontent {
	height: 100%;
	overflow: auto;
	margin-top: 0
}

.scrollcontent:has(.saInputPage) {
	scroll-padding-top: .5rem;
	scroll-behavior: smooth
}

.saLargeScreen .scrollcontent {
	scrollbar-gutter: stable
}

.saMiniView.saLargeScreen .scrollcontent {
	scrollbar-gutter: unset
}

.scrollcontent.parameterinput {
	height: 100%
}

.scrollcontent.parameterinput .btnfield {
	position: relative
}

.scrollcontent-inner {
	position: relative
}

.saMiniView.saLargeScreen .scrollcontent-inner {
	padding-bottom: 2px
}

.saPopup.saLargeScreen .scrollcontent-inner {
	padding: 1rem 0 1rem 1rem
}

.saLargeScreen .scrollcontent-inner {
	padding: 0 .5rem 1.5rem 1.5rem
}

@supports not (scrollbar-gutter:stable) {
	.saLargeScreen .scrollcontent-inner {
		padding: 0 1.5rem 1.5rem 1.5rem
	}
}

.saLargeScreen .scrollcontent-inner:has(.saTabView) {
	padding: 0
}

.saLargeScreen .scrollcontent-inner:has(.saTabView) .saInfoArea {
	padding-left: 1.5rem
}

.scrollindicator {
	right: 0;
	height: 1px;
	margin-top: 2px;
	margin-left: -1.5rem;
	background: linear-gradient(to right, rgba(204, 213, 226, .04), #ccd5e2, #ccd5e2, #ccd5e2, rgba(204, 213, 226, .04));
	transition: ease opacity .2s;
	opacity: 0
}

.scrollindicator.scrolled {
	opacity: 1
}

.smallscreen .scrollindicator {
	display: none
}

.col {
	float: left
}

span.marked {
	display: block;
	float: left;
	padding: 2px 0 0 2rem
}

tr.hascontextmenu {
	cursor: pointer
}

span[data-sa-admin-link] {
	cursor: pointer
}

a.sort {
	line-height: 1rem;
	color: #333333;
	font-size: .875rem;
	min-width: 1px;
	cursor: pointer
}

a.notSortable:hover {
	cursor: default
}

a.link {
	cursor: pointer
}

nobr:has(.saGridText, .saIcon) {
	display: inline
}

nobr:has(.saGridText, .saIcon) .saLinkText {
	display: inline
}

nobr:has(.saGridText, .saIcon) .saIcon {
	display: inline
}

nobr:has(.saGridText, .saIcon) .saGridText {
	display: inline;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.saGridText {
	display: inline-block
}

tr.opened {
	background: #fff4b9 !important
}

tr.opened+tr.extratext {
	display: table-row
}

.innerframe {
	width: 100%;
	height: 100%
}

.outerframe {
	position: relative;
	width: 100%
}

.paragraphs p.lead {
	margin-bottom: 1rem;
	font-weight: 700
}

.paragraphs h2,
.paragraphs h3,
.paragraphs h4,
.paragraphs p {
	margin: 0 0 .5rem;
	padding: 0;
	overflow-wrap: break-word;
	word-wrap: break-word
}

.paragraphs ol,
.paragraphs ul {
	margin: 0;
	padding-left: 2rem
}

.paragraphs ul {
	list-style: square
}

.paragraphs italic {
	font-style: italic
}

.paragraphs bold,
.paragraphs strong {
	font-weight: 700
}

.paragraphs a:hover span {
	text-decoration: underline
}

.smallscreen .iconwrapper {
	display: none
}

.smallscreen .rightwrapper {
	width: 100%;
	float: auto
}

.flexfill {
	flex-grow: 1
}

input[type=file].big {
	width: 100%;
	border: 2px dashed #3f53a1;
	min-height: 10rem;
	background-color: #f2f4fb
}

.smallscreen input[type=file].big {
	border: none;
	min-height: 0;
	background-color: transparent
}

body.right.smallscreen {
	padding: 0;
	background: #fff;
	margin-right: 0
}

body.right.smallscreen::before {
	display: none !important
}

body.saPopup {
	background-image: none;
	width: 100%;
	overflow: hidden
}

.labelcell {
	width: 1px;
	display: table-cell;
	padding-top: 0;
	padding-left: 2px;
	height: 1px
}

.labelcell .labelcontainer {
	height: 100%;
	border-left: .25rem solid transparent;
	white-space: nowrap
}

.smallscreen .fielddescription {
	display: none !important
}

.fielddescription2 {
	display: none;
	font-style: italic;
	max-width: 93vw;
	white-space: normal
}

.saSmallScreen:not(.saUseAccessibilityMode) :not(input, textarea, select):focus-visible,
.saSmallScreen:not(.saUseAccessibilityMode) input.saCheckbox:focus-visible,
.saSmallScreen:not(.saUseAccessibilityMode) input.saToggle:focus-visible,
.saSmallScreen:not(.saUseAccessibilityMode) input[type=Radio]:focus-visible {
	outline: #000 solid 2px !important;
	outline-offset: -1px !important
}

.saUseAccessibilityMode :focus-visible {
	outline: #000 dashed 4px !important;
	outline-offset: -2px !important;
	box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #fff !important
}

.smallscreen .inputlayoutfieldgrouprow.opened .fielddescription2 {
	display: block
}

.smallscreen .descriptionwrapper .opened {
	display: block
}

.descriptiontogglewrapper {
	position: relative;
	display: inline
}

.descriptiontoggle {
	height: 1.5rem;
	width: 1.5rem;
	text-align: center;
	margin-left: .5rem;
	display: none;
	cursor: pointer;
	position: absolute;
	background: 0 0
}

.descriptiontogglemultirow {
	cursor: default;
	padding-left: 2px;
	background: 0 0
}

.smallscreen .descriptiontoggle {
	display: inline-block
}

.smallscreen .descriptiontogglemultirow {
	cursor: pointer
}

.editableindicator {
	color: rgba(51, 80, 121, .58);
	padding: 0 2px 0 .3125rem
}

.saLargeScreen .listpage .editableindicator {
	margin: 0 1px 0 .5rem
}

.smallscreen .labelcell {
	padding: .1875rem 0 0 0;
	height: auto
}

.smallscreen .labelcell label {
	-webkit-text-size-adjust: 100%;
	font-size: 1rem;
	padding-left: 0;
	margin-bottom: .1875rem;
	padding-top: 0;
	padding-bottom: 0;
	border-left: 0
}

.labelcell label {
	padding-right: 1rem;
	padding-left: .5rem;
	padding-top: .625rem;
	padding-bottom: .625rem;
	display: inline-block;
	white-space: nowrap
}

.sibling .labelcell label {
	padding-left: 0
}

.smallscreen .sibling .labelcell label {
	margin-left: 0;
	margin-bottom: .1875rem
}

.smallscreen .nolabel {
	padding-left: 0
}

.nolabel {
	padding-left: 1rem
}

.smallscreen .fieldcell,
.smallscreen .sibling-fieldcell {
	margin-bottom: .3125rem;
	padding-bottom: 0;
	display: block
}

.btnfield {
	padding: .5rem 0 0 0;
	gap: .5rem;
	display: flex
}

.saFormButtonGroup {
	gap: .5rem;
	display: flex
}

.saSmallScreen .btnfield {
	flex-direction: column
}

select option {
	padding: 2px .5rem;
	cursor: pointer
}

input[type=checkbox]:enabled {
	cursor: pointer
}

button.saFormButton:not(.busy) .icon {
	visibility: hidden
}

.btnfield .saFormButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0
}

.btnfield .saFormButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.btnfield .saFormButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.btnfield .saFormButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .btnfield .saFormButton {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .btnfield .saFormButton:active {
	border-radius: .75rem
}

.saStandard .btnfield .saFormButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .btnfield .saFormButton {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .btnfield .saFormButton:active {
	border-radius: .75rem
}

.saCompact .btnfield .saFormButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .btnfield .saFormButton {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .btnfield .saFormButton:active {
	border-radius: .75rem
}

.saSmallScreen .btnfield .saFormButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.maincolinner .btnfield .saFormButton {
	padding-right: 2.0313rem
}

.inputPageScriptButtonCell .saJavaScriptButton {
	margin-right: .25rem
}

:-ms-input-placeholder {
	color: gray
}

.maincolbody.search {
	position: relative
}

.inputlayoutfieldgrouphead label {
	pointer-events: auto
}

.menuitemtable {
	width: 100%
}

.inputlayoutfieldgrouprow.border {
	border: 1px solid #dde3ec;
	background: #fff;
	border-bottom: none;
	border-top: none
}

.inputlayoutfieldgrouphead {
	border: 1px solid #dde3ec;
	border-bottom: none;
	background: #fff
}

.inputlayoutfieldgroupfoot {
	border-bottom: 1px solid #dde3ec;
	border-left: 1px solid #dde3ec;
	border-right: 1px solid #dde3ec
}

.btnfield.borders {
	padding-left: 0
}

.inputlayoutgroup {
	min-width: 50%
}

.smallscreen .inputlayoutgroup {
	min-width: 100%
}

.inputlayoutgroup.border {
	border-style: solid;
	border-width: 1px;
	border-collapse: separate;
	background: #fff
}

table.inputlayoutgroup.border.inputlayoutgroup .inputlayouttable .inputlayoutcolumn>table {
	border: none !important;
	box-shadow: none
}

.inputlayouttable .hidden {
	display: none
}

.smallscreen .inputlayoutgroup.border {
	border: none;
	border-radius: 0
}

.inputlayoutgroup.border.headless {
	padding-top: .5rem
}

.smallscreen .inputlayoutgroup.border.headless {
	padding: 0
}

.inputlayoutgrouphead {
	border-radius: 2px .1875rem 0 0;
	min-height: 1rem
}

.inputlayoutgroupfoot {
	border-radius: 0 0 .1875rem .1875rem;
	min-height: .1875rem;
	padding-bottom: .5rem
}

.smallscreen .inputlayouttable {
	display: block;
	margin-left: .3125rem
}

.smallscreen .inputlayouttable td {
	display: block
}

.smallscreen .inputlayouttable td.hidden {
	display: none
}

.inputlayoutcolumn>table {
	padding: .5rem 0;
	background: #fff;
	border: 1px solid #dde3ec;
	border-radius: 2px
}

.inputlayoutgroup.headless .inputlayoutcolumn>table {
	width: 100%
}

.maincolbody.input.borders .inputlayoutcolumn>table {
	padding-top: 0;
	border-collapse: collapse;
	border: none;
	background: 0 0 !important;
	box-shadow: none
}

.inputlayoutcolumnpadding {
	min-width: 1rem
}

.smallscreen .inputlayoutcolumnpadding {
	display: none
}

.smallscreen .inputlayoutfieldgrouphead {
	border: none;
	border-radius: 0
}

.smallscreen .inputlayoutfieldgrouprow.border {
	border: none;
	border-radius: 0
}

.smallscreen .inputlayoutfieldgroupfoot {
	border: none;
	border-radius: 0
}

.inputlayoutfieldgrouppadding {
	overflow: hidden;
	padding-top: .5rem
}

.smallscreen .inputlayoutfieldgrouppadding {
	display: none
}

.fldwrapper .help {
	left: 0;
	position: absolute
}

.right.saMobile button:focus,
.right.saMobile input:focus,
.right.saMobile li a:focus {
	outline: 0
}

.gridbottompadding {
	height: 1rem
}

.saSmallScreen .gridbottompadding {
	display: none
}

.color1 {
	background: #0018c4
}

.color2 {
	background: #e69b00
}

.color3 {
	background: #363a79
}

.color4 {
	background: #ca264a
}

.color5 {
	background: #4a5ace
}

.color6 {
	background: #f62323
}

.color7 {
	background: #5e6391
}

.color8 {
	background: #9ec821
}

.color9 {
	background: #762f9d
}

.color10 {
	background: #d8da21
}

.color11 {
	background: #41a2a3
}

.color12 {
	background: #006200
}

.color13 {
	background: #8b1a69
}

.color14 {
	background: #f6e423
}

.color15 {
	background: #8f0304
}

.color16 {
	background: #c4c4c4
}

.color17 {
	background: #592777
}

.color18 {
	background: #8f5c03
}

.color19 {
	background: #1a1a1a
}

.color20 {
	background: #26676f
}

.color21 {
	background: #98a2e7
}

.color22 {
	background: #f5e399
}

.color23 {
	background: #8689af
}

.color24 {
	background: #df7d92
}

.color25 {
	background: #929ce2
}

.color26 {
	background: #fa7b7b
}

.color27 {
	background: #9ea1bd
}

.color28 {
	background: #c5de7a
}

.color29 {
	background: #ad82c4
}

.color30 {
	background: #f6f7ac
}

.color31 {
	background: #8dc7c8
}

.color32 {
	background: #98c098
}

.color33 {
	background: #d0a3c2
}

.color34 {
	background: #faef7b
}

.color36 {
	background: #dcdcdc
}

.color37 {
	background: #9b7dad
}

.color38 {
	background: #bc9d68
}

.color39 {
	background: #a4a3a3
}

.color40 {
	background: #a8c2c5
}

.calendarresizehandle {
	left: 0;
	height: .25rem;
	width: 100%;
	background-color: transparent;
	cursor: n-resize;
	position: absolute
}

.calendarresizehandle.active,
.calendarresizehandle:hover {
	background-color: #0000000f
}

.calendarresizehandle.top {
	top: 0
}

.calendarresizehandle.bottom {
	bottom: 0
}

.calendarresizehandle:focus {
	outline: 0
}

.smallscreen .maincolinner.frame {
	border-radius: 0
}

.smallscreen .inputlayoutcolumn>table {
	border: none;
	width: 100%;
	box-shadow: none
}

.smallscreen .labelcell label {
	top: 0;
	padding-left: 0
}

.right.smallscreen input,
.right.smallscreen select {
	font-size: 1rem
}

.smallscreen .scrollcontent {
	border: none;
	box-shadow: none;
	padding: 0;
	min-width: 100%;
	width: 1px;
	-webkit-overflow-scrolling: touch;
	position: relative;
	margin-top: 0
}

.smallscreen .scrollcontent-inner {
	min-height: 100%;
	display: flex;
	flex-direction: column
}

.smallscreen .maincolinner {
	padding: 0;
	margin: 0
}

.scrollZoneLeft {
	position: fixed;
	background-color: teal;
	opacity: 0;
	top: 0;
	height: 100%;
	width: 1rem;
	left: 0
}

.scrollZoneRight {
	position: fixed;
	background-color: teal;
	opacity: 0;
	top: 0;
	height: 100%;
	width: 1rem;
	right: 0
}

.scrollZoneTop {
	position: fixed;
	background-color: teal;
	opacity: 0;
	left: 0;
	width: 100%;
	height: 1rem;
	top: 0
}

.scrollZoneBottom {
	position: fixed;
	background-color: teal;
	opacity: 0;
	left: 0;
	width: 100%;
	height: 1rem;
	bottom: 0
}

body.right {
	background: #fff
}

.body.smallscreen::before {
	background: 0 0 !important
}

.saSqlSelectPane {
	position: fixed;
	z-index: 1110;
	min-width: 25rem;
	right: 10%;
	top: 3.5rem;
	background-color: #fff;
	border: 2px solid #5d237d
}

.saSqlSelectPane #CloseButton {
	position: absolute;
	right: .3125rem;
	top: .3125rem;
	cursor: pointer
}

.saSqlSelectChoices {
	margin: .9375rem;
	font-size: .875rem;
	line-height: 1.7
}

.saSqlSelectChoices span {
	cursor: pointer;
	color: #006ebf
}

.saSqlSelectChoices span:hover {
	text-decoration: underline
}

.indicatedragdrop .saDragged,
.indicatedragdrop .saDropOn {
	border-radius: .5rem;
	background: #f6deff;
	border: 1px dotted #5d237d
}

.externalframe {
	width: 100%;
	border: 1px solid #dde3ec
}

.externalframe.autoheight {
	min-height: 15.625rem
}

.labelmobile {
	display: none !important
}

.smallscreen .fieldrow {
	display: block
}

.smallscreen .inputPageScriptButtonCell {
	display: block;
	padding-top: 0
}

.smallscreen .sibling .inputPageScriptButtonCell {
	display: block;
	float: left
}

.smallscreen .controlcell,
.smallscreen .inputlayoutfieldgrouprow>.labelcell {
	padding-right: 0 !important;
	margin-left: .3125rem !important;
	margin-right: .3125rem !important
}

.smallscreen .datetime {
	width: calc(98.5% - 3.875rem) !important
}

.smallscreen .datetimefield .saEditableGridButton.leftposition {
	right: 2.125rem
}

.smallscreen .fieldextras {
	float: left;
	width: 100%
}

.smallscreen .maincolbody.input {
	border: none !important;
	padding-bottom: 1.25rem
}

.smallscreen .maincolbody.input .inputlayoutcolumn>table {
	box-shadow: none;
	border: none;
	width: 100%
}

.smallscreen .pagingbottom {
	display: none !important
}

.smallscreen .labelmobile {
	display: inline-block !important;
	padding: .625rem 0 .625rem 0
}

.smallscreen .labeldesktop {
	display: none !important
}

.smallscreen .fieldcell {
	padding-top: 0
}

.smallscreen .inputlayoutgroupfoot {
	padding-bottom: 0
}

.smallscreen .inputlayoutfieldgroupfoot {
	padding-top: 0;
	border: 0
}

.logo a {
	background: url(../img/softadmin.png) top center no-repeat;
	width: 100%;
	display: block;
	height: 3.125rem;
	cursor: pointer;
	margin-top: .9375rem;
	margin-bottom: .625rem
}

div.footerarea {
	position: absolute;
	bottom: 0;
	width: 100%
}

div.footerarea.dock {
	position: relative !important
}

span.marked {
	display: block;
	float: left;
	padding: 2px 0 0 2rem
}

.iconpreview .saIcon {
	color: #333333;
	font-size: 3.0625rem;
	padding: .3125rem;
	position: relative;
	z-index: 1;
	margin-top: -.3125rem
}

.iconpreview .saBadge {
	border: 2px solid #fff;
	border-radius: 50%;
	color: #fff;
	font-size: 1rem;
	margin-left: -1.75rem;
	padding: .1875rem;
	background: #333333;
	z-index: 20;
	margin-top: 1.5rem;
	position: absolute
}

.iconpreview.saDestructive .saIcon {
	color: #dd1f26
}

.iconpreview.saDestructive .saBadge {
	background: #dd1f26
}

.saGridCell .systemicon .icon,
.saInfoBoxContent .systemicon .icon {
	font-size: 1rem
}

.saGridCell .systemicon .icon.fa-2x,
.saGridCell .systemicon .icon.sa-2x,
.saInfoBoxContent .systemicon .icon.fa-2x,
.saInfoBoxContent .systemicon .icon.sa-2x {
	font-size: 2rem
}

.saGridCell .systemicon .icon.fa-3x,
.saGridCell .systemicon .icon.sa-3x,
.saInfoBoxContent .systemicon .icon.fa-3x,
.saInfoBoxContent .systemicon .icon.sa-3x {
	font-size: 3rem
}

.saGridCell .systemicon .icon.fa-4x,
.saGridCell .systemicon .icon.sa-4x,
.saInfoBoxContent .systemicon .icon.fa-4x,
.saInfoBoxContent .systemicon .icon.sa-4x {
	font-size: 4rem
}

.saGridCell .systemicon .icon.fa-5x,
.saGridCell .systemicon .icon.sa-5x,
.saInfoBoxContent .systemicon .icon.fa-5x,
.saInfoBoxContent .systemicon .icon.sa-5x {
	font-size: 5rem
}

.saInfoBoxContent .systemicon {
	top: 1px;
	position: relative;
	padding-right: .1875rem
}

.iconpreview.iconred .icon {
	color: #dd1f26
}

.iconpreview.iconyellow .icon {
	color: #fcca32
}

.iconpreview.icongreen .icon {
	color: #009b36
}

.iconpreview.iconblue .icon {
	color: #0664aa
}

.iconpreview.iconblack .icon {
	color: #333333
}

.iconpreview.iconwhite .icon {
	color: #fff
}

.iconpreview.iconwhite .icon {
	background: #5d237d;
	border-radius: 2px
}

.saInfoBoxContent .systemicon.customcolor .icon {
	color: inherit
}

.grid .saGridText {
	display: inline-block;
	clear: both
}

.smallscreen .grid .draghandle {
	display: none
}

.checkboxDisabled {
	pointer-events: none
}

.iconpreview.small .icon {
	font-size: 2rem !important
}

.fa-pulse {
	-webkit-animation: fa-spin 1s infinite linear;
	animation: fa-spin 1s infinite linear
}

.meter {
	overflow: hidden;
	backface-visibility: hidden
}

.meter .interval.red {
	stroke: #fb5555
}

.meter .interval.yellow {
	stroke: #fbdf2c
}

.meter .interval.green {
	stroke: #95f176
}

.meter .interval.defaultcolor {
	stroke: #bfbebe
}

.meter .interval {
	opacity: .7
}

.meter .valueindicator {
	transition: 1s cubic-bezier(.39, .9, .62, 1)
}

.meter .interval:hover {
	opacity: .99
}

.meter .extravalueindicator {
	stroke: #000;
	opacity: .7
}

.meter .extravalueindicator:hover {
	opacity: .99
}

.saPixelated {
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: crisp-edges;
	image-rendering: pixelated
}

@keyframes drawerslidein {
	from {
		right: -25rem
	}

	to {
		right: 0
	}
}

@keyframes drawerslideout {
	from {
		right: 0
	}

	to {
		right: -25rem
	}
}

.drawerLoadingSpinner {
	color: #5d237d;
	text-align: center;
	margin-top: 5rem
}

.grid .inputControl {
	position: relative;
	float: left;
	height: 1.875rem
}

.grid .textarea {
	border: none;
	width: calc(100% - .5625rem);
	padding-left: .4375rem;
	padding-right: .25rem
}

.grid .dropdown {
	width: calc(100% + 2px);
	padding-left: .1875rem;
	border: 1px solid #fffeee !important
}

.grid .editButtonsWrapper {
	position: relative;
	background: #fffeee
}

.grid .editButtonsWrapper.edit-field-type-textarea {
	float: right
}

.grid .editButtons {
	position: absolute;
	right: -.9375rem;
	top: -1.75rem;
	display: flex;
	border-radius: .5rem;
	box-shadow: 2px 2px 2px #eef1f5, -2px -2px 2px #eef1f5;
	background: #313a44;
	align-items: center;
	z-index: 2;
	height: 2rem;
	padding: 0 2px
}

.fieldextras {
	display: table-cell;
	vertical-align: top
}

.fieldextrascontainer {
	display: flex
}

.fieldextrascontainer .fielddescription,
.fieldextrascontainer .inputPageScriptButtonCell,
.fieldextrascontainer .labelcell,
.fieldextrascontainer .sibling-fieldcell {
	vertical-align: top
}

.fieldextrascontainer .sibling {
	display: inline-block
}

.smallscreen .fieldextrascontainer {
	display: block
}

.fieldcell {
	padding-bottom: .25rem;
	padding-top: .25rem;
	position: relative;
	min-height: 2rem;
	display: table-cell
}

.fieldcell input[type=file] {
	width: 100%;
	margin: .25rem 0
}

.inputPageScriptButtonCell {
	display: table-cell
}

.fieldbuttoncontainer {
	display: flex
}

.fielddescription {
	display: table-cell;
	padding-top: .625rem;
	margin-bottom: .625rem;
	z-index: 1;
	position: relative;
	font-style: italic;
	padding-right: 1rem
}

.sibling {
	display: inline-flex
}

.sibling .labelcell {
	width: auto;
	height: auto;
	padding-top: 0;
	padding-left: 0
}

.sibling .labelcell .labelcontainer {
	height: auto;
	border: 0
}

.sibling-fieldcell {
	display: table-cell;
	padding-top: .25rem
}

.smallscreen .labelcell {
	margin-top: .625rem;
	display: block
}

.fieldextras .inputPageScriptButtonCell {
	padding-top: .25rem
}

.blinking-help {
	animation: blinking-help 2s linear infinite
}

@keyframes blinking-help {
	50% {
		color: transparent
	}
}

.helpContent {
	overflow: auto;
	flex: 1 1 auto;
	padding: .5rem .5rem 2rem;
	-webkit-overflow-scrolling: touch
}

.smallscreen .calendar {
	flex-grow: 1;
	display: flex;
	flex-direction: column
}

.sa-2x {
	font-size: 2rem
}

.sa-3x {
	font-size: 3rem
}

.sa-4x {
	font-size: 4rem
}

.sa-5x {
	font-size: 5rem
}

.fa-spinner.fa-spin {
	-webkit-animation-name: fa-spin !important;
	animation-name: fa-spin !important;
	-webkit-animation-delay: var(--fa-animation-delay, 0) !important;
	animation-delay: var(--fa-animation-delay, 0) !important;
	-webkit-animation-direction: var(--fa-animation-direction, normal) !important;
	animation-direction: var(--fa-animation-direction, normal) !important;
	-webkit-animation-duration: var(--fa-animation-duration, 2s) !important;
	animation-duration: var(--fa-animation-duration, 2s) !important;
	-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite) !important;
	animation-iteration-count: var(--fa-animation-iteration-count, infinite) !important;
	-webkit-animation-timing-function: var(--fa-animation-timing, linear) !important;
	animation-timing-function: var(--fa-animation-timing, linear) !important
}

.maincolinner {
	padding: 0
}

.saScrollable {
	height: 100%
}

span.subject {
	display: block;
	width: 100%
}

body.pageheader {
	padding-top: 0
}

.interface .infoarea {
	margin-top: 0
}

body .gradients,
body .scrollcontent {
	background: 0 0
}

.tableintabs {
	box-shadow: none;
	border: none;
	background: 0 0
}

.scrollcontent {
	width: 100%;
	background: 0 0;
	box-shadow: none
}

.smallscreen .scrollcontent-inner {
	min-height: 0
}

.navigatorbuttonrow .navigator-wrapper {
	margin-top: 0
}

.interface .tableintabs table.scrollable {
	box-shadow: none
}

.interface .infobox {
	box-shadow: none
}

.interface .multipartpanel {
	box-shadow: none
}

.interface .navigatorbuttons .btnrow {
	box-shadow: none
}

.interface .inputlayoutcolumn>table {
	border: none;
	box-shadow: none
}

.saGridTop .saGridTopInner {
	box-shadow: none !important
}

.saGrid {
	box-shadow: none !important
}

a {
	cursor: pointer
}

.saLargeScreen .saRootContentWrapper {
	display: flex;
	flex-direction: row;
	overflow: hidden
}

body {
	line-height: 1;
	color: #333333
}

body.saRootBody {
	display: flex;
	flex-direction: column
}

body.saRootBody .saRootContentWrapper {
	height: 100%
}

body.saPc ::-webkit-scrollbar,
body.saPc::-webkit-scrollbar {
	width: 1rem;
	height: 1rem;
	background-color: #ccd5e2;
	border-radius: .5rem;
	border: .3125rem solid transparent;
	background-clip: padding-box
}

body.saPc ::-webkit-scrollbar:hover,
body.saPc::-webkit-scrollbar:hover {
	border-width: 2px
}

body.saPc ::-webkit-scrollbar-thumb,
body.saPc::-webkit-scrollbar-thumb {
	background-color: #7088a4;
	border-radius: .5rem;
	border: .3125rem solid transparent;
	background-clip: padding-box
}

body.saPc ::-webkit-scrollbar-thumb:hover,
body.saPc::-webkit-scrollbar-thumb:hover {
	background-color: #506072;
	border-width: 2px
}

body.saPc ::-webkit-scrollbar-thumb:active,
body.saPc::-webkit-scrollbar-thumb:active {
	background-color: #313a44
}

body.saPc ::-webkit-scrollbar-corner,
body.saPc::-webkit-scrollbar-corner {
	background-color: transparent
}

.saDropIndicator {
	position: absolute;
	pointer-events: none;
	z-index: 1073741824
}

.saDropIndicator.saVertical {
	border-left: 2px solid #50146e
}

.saDropIndicator.saHorizontal {
	border-top: 2px solid #50146e;
	border-radius: 1px
}

.saMarkFavorite button {
	background: 0 0
}

.saFavoriteIcon:active.saFavoriteAdded::before,
.saFavoriteIcon:hover.saFavoriteAdded::before {
	font-weight: 400;
	color: #ffcd5b
}

.saFavoriteIcon.saFavoriteAdded,
.saFavoriteIcon:active.saFavoriteNotAdded::before,
.saFavoriteIcon:hover.saFavoriteNotAdded::before {
	font-weight: 900;
	color: #ffcd5b
}

.saFavoriteIcon.saFavoriteNotAdded {
	color: #ccd5e2
}

.saHighContrast .saFavoriteIcon.saFavoriteAdded,
.saHighContrast .saFavoriteIcon:active::before,
.saHighContrast .saFavoriteIcon:hover::before {
	color: #ca6d34
}

.saHighContrast .saFavoriteIcon.saFavoriteNotAdded {
	color: #7088a4
}

.saSpinner>div>div {
	background-color: #5d237d !important
}

.saC {
	display: inline-block
}

.saScreenReaderOnly {
	opacity: 0;
	position: absolute;
	height: 0;
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.saIconHolder {
	display: block;
	float: left;
	position: relative;
	align-items: center;
	justify-content: center
}

.saIconHolder .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saIconHolder .saBadge {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	border-radius: 50%;
	background: #333333;
	color: #fff;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #fff
}

.saSmallScreenHasTopButtons.saSmallScreen .scrollcontent {
	padding-top: 4rem;
	height: calc(100% - 4rem)
}

.saSmallScreenHasTopButtons.saSmallScreen .scrollcontent .saPicker {
	margin-top: -4rem
}

.saStandard .maincolinner {
	height: calc(100% - 4.5rem - .5rem - 1rem)
}

.saStandard.saPopup .maincolinner {
	height: calc(100% - 4.5rem - 2px - 1rem)
}

.saStandard.saLargeScreenHasTopButtons .maincolinner {
	height: calc(100% - 7rem - .5rem - 1rem)
}

.saStandard.saLargeScreenHasTopButtons.saPopup .maincolinner {
	height: calc(100% - 7rem - 2px - 1rem)
}

.saCompact .maincolinner {
	height: calc(100% - 4rem - .5rem - 1rem)
}

.saCompact.saPopup .maincolinner {
	height: calc(100% - 4rem - 2px - 1rem)
}

.saCompact.saLargeScreenHasTopButtons .maincolinner {
	height: calc(100% - 6rem - .5rem - 1rem)
}

.saCompact.saLargeScreenHasTopButtons.saPopup .maincolinner {
	height: calc(100% - 6rem - 2px - 1rem)
}

.saSmallScreen .maincolinner {
	height: calc(100% - 3.5rem)
}

.saSmallScreen.saHasLogotypeHeader .maincolinner {
	height: calc(100% - 5.5rem)
}

.saMiniView.saStandard .maincolinner {
	height: calc(100% - 4rem - 2px)
}

.saMiniView.saStandard.saLargeScreenHasTopButtons .maincolinner {
	height: calc(100% - 7rem - 2px)
}

.saMiniView.saCompact .maincolinner {
	height: calc(100% - 3rem - 2px)
}

.saMiniView.saCompact.saLargeScreenHasTopButtons .maincolinner {
	height: calc(100% - 6.5rem - 2px)
}

.saSmallScreen .scrollcontent {
	height: 100%
}

.saSmallScreen.saRootBody {
	line-height: 0
}

.saContextMenuWrapper .saContextMenu {
	border: solid 1px #ccd5e2;
	box-shadow: 0 0 2rem rgba(49, 58, 68, .07);
	display: flex;
	flex-direction: column;
	padding-inline-start: 0;
	padding: .25rem 0;
	position: absolute;
	border-radius: .5rem;
	background: #fff;
	margin-block-start: 0;
	margin-block-end: 0;
	z-index: 1000;
	list-style-type: none;
	box-sizing: border-box;
	overflow-y: auto;
	min-width: 7rem
}

.saContextMenuWrapper .saContextMenu * {
	box-sizing: border-box
}

.saSmallScreen .saContextMenuWrapper .saContextMenu,
.saSmallscreensidebar .saContextMenuWrapper .saContextMenu {
	min-width: 100%
}

.saContextMenuWrapper .saContextMenu li>* {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	text-decoration: none;
	color: #333333;
	list-style-type: none;
	display: flex;
	align-items: center;
	border-radius: .25rem;
	cursor: pointer;
	padding: 0 .25rem
}

.saContextMenuWrapper .saContextMenu li>* .saIcon {
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saContextMenuWrapper .saContextMenu li>* .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saContextMenuWrapper .saContextMenu li>* .saIcon {
	font-size: 1rem;
	min-width: 1.25rem
}

.saSmallScreen .saContextMenuWrapper .saContextMenu li>* .saIcon,
.saSmallscreensidebar .saContextMenuWrapper .saContextMenu li>* .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

@media (pointer:fine) {
	.saContextMenuWrapper .saContextMenu li>:hover .saContextMenuItem {
		background-color: #f8f9fb;
		color: #5d237d
	}

	.saContextMenuWrapper .saContextMenu li>:hover .saIcon {
		color: #5d237d
	}

	.saContextMenuWrapper .saContextMenu li>:hover .saBadge {
		background: #5d237d
	}
}

.saContextMenuWrapper .saContextMenu li>:active .saContextMenuItem {
	background-color: #ccd5e2;
	color: #5d237d;
	border-radius: .5rem
}

.saContextMenuWrapper .saContextMenu li>:active .saBadge {
	border-color: #ccd5e2;
	color: #ccd5e2
}

.saContextMenuWrapper .saContextMenu li>* .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saContextMenuWrapper .saContextMenu a.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saContextMenuWrapper .saContextMenu a.saDestructive .saIcon {
	color: #dd1f26
}

.saContextMenuWrapper .saContextMenu a.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saContextMenuWrapper .saContextMenu a.saDestructive:hover .saContextMenuItem {
		color: #fff;
		background: #dd1f26;
		border-color: transparent
	}

	.saContextMenuWrapper .saContextMenu a.saDestructive:hover .saContextMenuItem .saIcon {
		color: #fff
	}

	.saContextMenuWrapper .saContextMenu a.saDestructive:hover .saContextMenuItem .saBadge {
		background-color: #fff;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saContextMenuWrapper .saContextMenu a.saDestructive:active .saContextMenuItem {
	color: #fff;
	background: #ba000b;
	border-color: transparent
}

.saContextMenuWrapper .saContextMenu a.saDestructive:active .saContextMenuItem .saIcon {
	color: #fff;
	background-color: #ba000b
}

.saContextMenuWrapper .saContextMenu a.saDestructive:active .saContextMenuItem .saBadge {
	background-color: #fff;
	color: #ba000b;
	border-color: #ba000b
}

.saContextMenuWrapper .saContextMenu a.saInactive {
	color: #ccd5e2;
	cursor: default
}

.saContextMenuWrapper .saContextMenu a.saInactive:active .saContextMenuItem,
.saContextMenuWrapper .saContextMenu a.saInactive:hover .saContextMenuItem {
	color: #ccd5e2;
	background: 0 0
}

.saContextMenuWrapper .saContextMenu a.saInactive .saIcon {
	color: #ccd5e2
}

.saContextMenuWrapper .saContextMenu a.saInactive .saBadge {
	color: #ccd5e2;
	background: #fff;
	border-color: #ccd5e2
}

.saContextMenuWrapper .saContextMenu li.saSelected .saContextMenuItem {
	background-color: #f8f9fb;
	color: #5d237d
}

.saContextMenuWrapper .saContextMenu li.saSelected .saIcon {
	color: #5d237d
}

.saContextMenuWrapper .saContextMenu .saContextMenuItem {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	gap: .5rem;
	font-size: .875rem;
	line-height: 1rem;
	padding: .5rem;
	border-radius: .25rem;
	height: 100%;
	width: 100%;
	min-height: 2rem;
	max-width: 25rem
}

.saSmallScreen .saContextMenuWrapper .saContextMenu .saContextMenuItem {
	min-height: 2.75rem
}

.saContextMenuWrapper .saContextMenu .saDivider {
	height: 1px;
	border-radius: 1px;
	background: #eef1f5
}

.saDebugContextMenu {
	z-index: 1100
}

.saSpecialLinkIcon {
	color: #333333;
	margin-left: .25rem
}

.saPopupOverlay {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	max-height: none;
	max-width: none;
	border: none;
	background: 0 0;
	overflow: hidden
}

.saPopupOverlay::backdrop {
	background-color: rgba(49, 58, 68, .2)
}

div.saPopupOverlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	background-color: rgba(49, 58, 68, .2)
}

.saPopup .saPopupOverlay::backdrop {
	border-radius: .5rem .5rem 0 0
}

.saSideBar .saPopupOverlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(49, 58, 68, .2)
}

.saRightFrameRoot {
	width: 100%;
	height: 100%
}

.saLargeScreen .saRightFrameRoot {
	border-left: 1px solid #ccd5e2
}

.saBottomSheet {
	border-radius: 1rem 1rem 0 0;
	background: #fff;
	position: fixed;
	width: 100%;
	transition: transform .2s, translate .2s;
	height: 90%;
	padding-top: 3rem
}

.saBottomSheet.saEaseTransition {
	transition: transform .2s, translate .2s, top .2s
}

.saBottomSheet .saSheetDragHandle {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 3rem;
	cursor: grab;
	display: flex;
	align-items: center;
	justify-content: center
}

.saBottomSheet .saDraggableThumb {
	position: absolute;
	bottom: 2rem;
	height: .25rem;
	background: #ccd5e2;
	border-radius: 2px;
	width: 3.5rem
}

.saBottomSheet .saSheetContent {
	display: flex;
	width: 100%;
	height: calc(100% - 3rem);
	overflow-y: auto
}

.saBottomSheet .saSheetButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	position: absolute;
	right: .25rem;
	top: .25rem
}

.saBottomSheet .saSheetButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saBottomSheet .saSheetButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saBottomSheet .saSheetButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saBottomSheet .saSheetButton .saIcon {
	color: #333333
}

.saBottomSheet .saSheetButton.saDestructive {
	color: #dd1f26
}

.saBottomSheet .saSheetButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saBottomSheet .saSheetButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saBottomSheet .saSheetButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saBottomSheet .saSheetButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saBottomSheet .saSheetButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saBottomSheet .saSheetButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saBottomSheet .saSheetButton:hover .saIcon {
		color: #5d237d
	}
}

.saBottomSheet .saSheetButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saBottomSheet .saSheetButton:active .saIcon {
	color: #50146e
}

.saBottomSheet .saSheetButton.saDisabled,
.saBottomSheet .saSheetButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saBottomSheet .saSheetButton.saDisabled .saIcon,
.saBottomSheet .saSheetButton:disabled .saIcon {
	color: #adbdd1
}

.saStandard .saBottomSheet .saSheetButton {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saBottomSheet .saSheetButton:active {
	border-radius: .75rem
}

.saStandard .saBottomSheet .saSheetButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saBottomSheet .saSheetButton {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saBottomSheet .saSheetButton:active {
	border-radius: .75rem
}

.saCompact .saBottomSheet .saSheetButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saBottomSheet .saSheetButton {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saBottomSheet .saSheetButton:active {
	border-radius: .75rem
}

.saSmallScreen .saBottomSheet .saSheetButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saSpinnerWrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000000;
	background-color: rgba(255, 255, 255, .01)
}

.saPackageButton {
	gap: .5rem;
	padding: .5rem;
	height: 2.25rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saAiHoverEffect {
	color: #8b4af1
}

.saEmptyState {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	flex-direction: column;
	padding: 1rem;
	color: #333333
}

.saEmptyState .saEmptyStateIcon {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 3rem;
	width: 3rem;
	border-radius: .5rem;
	background-color: #dde3ec
}

.saEmptyState .saEmptyStateIcon .saIcon {
	color: #60748b;
	font-size: 1.5rem;
	z-index: 1
}

.saWarning.saEmptyState .saEmptyStateIcon {
	background-color: #ffecb7
}

.saWarning.saEmptyState .saEmptyStateIcon .saIcon {
	color: #f6ad00
}

.saEmptyState .saEmptyStateBody {
	display: flex;
	flex-direction: column;
	gap: .25rem;
	align-items: center;
	justify-content: center;
	text-align: center
}

.saEmptyState .saEmptyStateHeading {
	font-size: 1rem;
	font-weight: 500
}

.saEmptyState .saEmptyStateDescription {
	font-size: .875rem;
	color: #60748b
}

.saAccessibilityBanner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 0;
	background: #313a44;
	position: fixed;
	opacity: 0;
	top: 0;
	z-index: 9999
}

.saAccessibilityBanner:focus-within {
	opacity: 1
}

.saAccessibilityBanner li {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.saAccessibilityBanner a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .875rem;
	line-height: 1.25rem;
	padding: 1rem 1.125rem;
	width: calc(100% - 2.25rem);
	text-align: center;
	color: #fff;
	position: absolute;
	text-decoration: none;
	z-index: 9999;
	top: -12.5rem;
	transition: none;
	background: #313a44
}

.saAccessibilityBanner a:hover {
	text-decoration: underline
}

.saAccessibilityBanner a:active {
	background: #2d6ce1;
	color: #fff;
	text-decoration: underline
}

.saAccessibilityBanner a:active,
.saAccessibilityBanner a:focus {
	box-shadow: inset 0 0 0 2px #fff;
	top: 0
}

.saSideBar .saAccessibilityBanner a {
	width: 100%
}

.systemicon:not(.customcolor) .icon {
	color: #333333
}

.systemicon:not(.customcolor) .icon.iconred {
	color: #dd1f26
}

.systemicon:not(.customcolor) .icon.iconyellow {
	color: #fcca32
}

.systemicon:not(.customcolor) .icon.icongreen {
	color: #009b36
}

.systemicon:not(.customcolor) .icon.iconblue {
	color: #0664aa
}

.systemicon:not(.customcolor) .icon.iconblack {
	color: #333333
}

.systemicon:not(.customcolor) .icon.iconwhite {
	color: #fff
}

.systemicon.customcolor .icon {
	color: inherit
}

.saInfoArea {
	display: block
}

.saInfoBoxArea {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #fff;
	border-radius: 1rem;
	padding: 1rem;
	border: solid 1px #ccd5e2
}

.saInfoBoxArea .saInfoBox {
	display: flex;
	flex-direction: column;
	position: relative;
	gap: 1rem
}

.saInfoBoxArea .saInfoBox img {
	max-width: 100%;
	object-fit: contain
}

.saInfoBoxArea .saInfoBox.saOpen .saInfoBoxExpandIcon {
	transform: rotate(180deg)
}

.saInfoBoxArea .saInfoBox.saClosed .saInfoBoxInner {
	display: none
}

.saInfoBoxArea .saInfoBox.saClosed .saInfoBoxExpandIcon {
	transform: rotate(0)
}

.saInfoBoxArea .saInfoBox:not(:last-child)::after {
	content: "";
	position: absolute;
	left: 0;
	height: 1px;
	border-radius: 1px;
	width: 100%;
	background: #ccd5e2;
	bottom: -1rem
}

.saInfoBoxArea .saInfoBox .infosqlexternalframe {
	border: 1px solid #dde3ec;
	width: 100%;
	box-sizing: border-box
}

.saInfoBoxArea .saInfoBoxHeading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	word-break: break-word;
	gap: .5rem;
	margin: -.5rem 0
}

.saInfoBoxArea .saInfoBoxHeading.saInfoBoxHeadingButton {
	background: 0 0;
	border-radius: .5rem;
	width: calc(100% + 1rem);
	padding: 0 .5rem;
	margin-left: -.5rem;
	text-align: left;
	position: relative;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

@media (pointer:fine) {
	.saInfoBoxArea .saInfoBoxHeading.saInfoBoxHeadingButton:hover {
		background: #f8f9fb
	}

	.saInfoBoxArea .saInfoBoxHeading.saInfoBoxHeadingButton:hover h3 {
		color: #5d237d
	}

	.saInfoBoxArea .saInfoBoxHeading.saInfoBoxHeadingButton:hover .saIcon {
		color: #5d237d
	}
}

.saInfoBoxArea .saInfoBoxHeading.saInfoBoxHeadingButton:active {
	background: #eef1f5;
	border-radius: .75rem
}

.saInfoBoxArea .saInfoBoxHeading.saInfoBoxHeadingButton:active h3 {
	color: #5d237d
}

.saInfoBoxArea .saInfoBoxHeading.saInfoBoxHeadingButton:active .saIcon {
	color: #5d237d
}

.saInfoBoxArea .saInfoBoxHeading.saInfoBoxHeadingButton::after {
	content: '';
	position: absolute;
	height: 100%;
	min-height: 3rem;
	width: calc(100% + 1rem);
	left: -.5rem;
	min-width: 3rem;
	background-color: transparent;
	opacity: 0;
	user-select: none
}

.saInfoBoxArea .saInfoBoxHeading.saInfoBoxHeadingButton .saInfoBoxExpandIcon {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333333;
	font-size: 1rem;
	height: 2rem;
	width: 2rem;
	min-width: 2rem;
	margin-right: -.5rem;
	transition: transform .2s ease
}

.saInfoBoxArea .saInfoBoxHeading a {
	cursor: pointer
}

.saInfoBoxArea .saInfoBoxHeading a .saLinkText {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	text-decoration: none;
	font-weight: 500;
	color: #006ebf
}

@media (pointer:fine) {
	.saInfoBoxArea .saInfoBoxHeading a:hover .saLinkText {
		text-decoration: underline
	}

	.saInfoBoxArea .saInfoBoxHeading a:hover img,
	.saInfoBoxArea .saInfoBoxHeading a:hover svg {
		opacity: .8;
		transition: transform .5s
	}

	.saInfoBoxArea .saInfoBoxHeading a:hover .saMeterHeader,
	.saInfoBoxArea .saInfoBoxHeading a:hover .saMeterValue {
		text-decoration: underline
	}
}

.saInfoBoxArea .saInfoBoxHeading a:active .saLinkText {
	color: #004f97
}

.saInfoBoxArea .saInfoBoxHeading a:active img,
.saInfoBoxArea .saInfoBoxHeading a:active svg {
	opacity: .8;
	transition: transform .5s
}

.saInfoBoxArea .saInfoBoxHeading a:active .saMeterHeader,
.saInfoBoxArea .saInfoBoxHeading a:active .saMeterValue {
	text-decoration: underline
}

.saInfoBoxArea .saInfoBoxHeading a.saInactive {
	cursor: default
}

.saInfoBoxArea .saInfoBoxHeading a.saInactive .saIcon,
.saInfoBoxArea .saInfoBoxHeading a.saInactive .saLinkText {
	color: #7088a4
}

@media (pointer:fine) {
	.saInfoBoxArea .saInfoBoxHeading a.saInactive:hover .saLinkText {
		text-decoration: none
	}
}

.saInfoBoxArea .saInfoBoxHeading h3 {
	color: #333333;
	flex-grow: 1
}

.saInfoBoxArea .saInfoBoxHeading .saInfoBoxHeaderIcon .saBadgedIcon {
	width: 1.875rem;
	display: block
}

.saInfoBoxArea .saInfoBoxHeading .saInfoBoxHeaderIcon .saIcon {
	font-size: 1.25rem;
	color: #333333
}

.saInfoBoxArea .saInfoBoxHeading .saInfoBoxHeaderIcon .saBadge {
	font-size: .5625rem;
	color: #fff;
	margin-left: -.5625rem;
	background: #333333;
	border-radius: 50%;
	padding: 1px;
	border: 2px solid #fff;
	width: .875rem;
	box-sizing: border-box;
	text-align: center
}

.saInfoBoxArea .saInfoBoxHeading a {
	text-decoration: none;
	cursor: pointer;
	transition: all .2s ease
}

.saInfoBoxArea .saInfoBoxHeading .saInfoBoxHeaderWrapper,
.saInfoBoxArea .saInfoBoxHeading a {
	display: flex;
	gap: .5rem;
	align-items: center
}

.saInfoBoxArea .saInfoBoxInner {
	display: flex;
	flex-direction: column;
	transition: transform .2s ease, height .2s ease, opacity .2s ease;
	word-break: break-word;
	gap: 1rem
}

.saCompact .saInfoBoxArea .saInfoBoxInner {
	gap: .75rem
}

.saInfoBoxArea .saInfoBoxInner a {
	cursor: pointer
}

.saInfoBoxArea .saInfoBoxInner a .saLinkText {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	text-decoration: none;
	font-weight: 500;
	color: #006ebf
}

@media (pointer:fine) {
	.saInfoBoxArea .saInfoBoxInner a:hover .saLinkText {
		text-decoration: underline
	}

	.saInfoBoxArea .saInfoBoxInner a:hover img,
	.saInfoBoxArea .saInfoBoxInner a:hover svg {
		opacity: .8;
		transition: transform .5s
	}

	.saInfoBoxArea .saInfoBoxInner a:hover .saMeterHeader,
	.saInfoBoxArea .saInfoBoxInner a:hover .saMeterValue {
		text-decoration: underline
	}
}

.saInfoBoxArea .saInfoBoxInner a:active .saLinkText {
	color: #004f97
}

.saInfoBoxArea .saInfoBoxInner a:active img,
.saInfoBoxArea .saInfoBoxInner a:active svg {
	opacity: .8;
	transition: transform .5s
}

.saInfoBoxArea .saInfoBoxInner a:active .saMeterHeader,
.saInfoBoxArea .saInfoBoxInner a:active .saMeterValue {
	text-decoration: underline
}

.saInfoBoxArea .saInfoBoxGrid {
	display: grid;
	grid-template-columns: 34% fit-content(66%);
	grid-column-gap: 1rem;
	grid-row-gap: 1rem
}

.saCompact .saInfoBoxArea .saInfoBoxGrid {
	grid-row-gap: .75rem
}

.saInfoBoxArea .saInfoBoxGrid .saInfoBoxLabel {
	margin-top: 1px;
	margin-bottom: 1px
}

.saInfoBoxArea .saInfoBoxContent {
	color: #333333
}

.saInfoBoxArea .saInfoBoxContent.saRightAlign {
	text-align: right
}

.saInfoBoxArea .saInfoBoxLabel {
	color: #60748b;
	font-size: .75rem;
	display: flex;
	gap: .5rem
}

.saInfoBoxArea .saInfoBoxLabel .saAiIcon {
	height: 1rem;
	min-width: 1rem;
	background-position: center;
	background: url(../img/aiSparkles.svg) top center no-repeat;
	position: relative
}

.saInfoBoxArea .saInfoBoxLabel .saAiIcon::after {
	content: '';
	position: absolute;
	height: 2rem;
	width: 2rem;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%)
}

.saInfoBoxArea .saInfoBoxCol {
	display: flex;
	flex-direction: column
}

.saInfoBoxArea .saInfoBoxImage {
	display: flex;
	justify-content: center
}

.saInfoBoxArea .saInfoSqlKpiWrapper {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 1rem;
	width: 100%;
	flex-wrap: wrap;
	overflow: hidden
}

.saInfoBoxArea .saRowWrapper {
	display: flex;
	flex-direction: column;
	gap: 2rem
}

.saInfoBoxArea .saRowWrapper:not(:first-child)::before {
	content: '';
	position: relative;
	top: 0;
	height: 1px;
	width: 100%;
	border-radius: 1px;
	background: #ccd5e2;
	top: 1rem
}

.saInfoBoxArea .saColWrapper {
	display: flex;
	flex-direction: row;
	gap: 2rem
}

.saInfoBoxArea .saCol {
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1 1 100%;
	transition: all .2s ease;
	gap: 2rem
}

.saInfoBoxArea .saCol .systemicon {
	top: 1px;
	position: relative;
	padding-right: .1875rem
}

.saInfoBoxArea .saCol .systemicon .saIcon {
	min-width: 1.25rem;
	text-align: center
}

.saInfoBoxArea .saCol:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
	width: 1px;
	border-radius: 1px;
	background: #ccd5e2;
	right: -1rem
}

.saInfoBoxArea .saExpandButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem;
	margin-right: -.5rem
}

.saInfoBoxArea .saExpandButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saInfoBoxArea .saExpandButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saInfoBoxArea .saExpandButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saInfoBoxArea .saExpandButton .saIcon {
	color: #333333
}

.saInfoBoxArea .saExpandButton.saDestructive {
	color: #dd1f26
}

.saInfoBoxArea .saExpandButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saInfoBoxArea .saExpandButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saInfoBoxArea .saExpandButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saInfoBoxArea .saExpandButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saInfoBoxArea .saExpandButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saInfoBoxArea .saExpandButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saInfoBoxArea .saExpandButton:hover .saIcon {
		color: #5d237d
	}
}

.saInfoBoxArea .saExpandButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saInfoBoxArea .saExpandButton:active .saIcon {
	color: #50146e
}

.saInfoBoxArea .saExpandButton.saDisabled,
.saInfoBoxArea .saExpandButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saInfoBoxArea .saExpandButton.saDisabled .saIcon,
.saInfoBoxArea .saExpandButton:disabled .saIcon {
	color: #adbdd1
}

.saInfoBoxArea .saExpandButton:active {
	border-radius: .75rem
}

.saInfoBoxArea .saExpandButton .saIcon {
	transition: transform .2s ease;
	position: relative
}

.saInfoBoxArea .saExpandButton::after {
	content: '';
	height: 3rem;
	width: 3rem;
	position: absolute;
	opacity: 0;
	background-color: transparent
}

.saInfoBoxArea .saUserHtmlContent {
	overflow-x: auto
}

.saInfoBoxArea .saUserHtmlContent h1,
.saInfoBoxArea .saUserHtmlContent h2,
.saInfoBoxArea .saUserHtmlContent h3,
.saInfoBoxArea .saUserHtmlContent h4,
.saInfoBoxArea .saUserHtmlContent h5,
.saInfoBoxArea .saUserHtmlContent h6 {
	font-size: revert;
	font-weight: revert;
	margin: revert;
	line-height: revert;
	color: revert
}

.saInfoBoxArea .saUserHtmlContent ol,
.saInfoBoxArea .saUserHtmlContent ul {
	list-style: revert;
	margin: 0;
	padding: 0 0 0 2.5rem
}

.saInfoBoxArea .saUserHtmlContent table {
	border-collapse: collapse
}

.saInfoBoxArea .saUserHtmlContent thead {
	background: #f8f9fb;
	font-weight: 700
}

.saInfoBoxArea .saUserHtmlContent td,
.saInfoBoxArea .saUserHtmlContent th {
	border: 1px solid #eef1f5;
	padding: .5rem;
	text-align: left
}

.saInfoBoxArea .saUserHtmlContent a {
	color: #006ebf;
	font-weight: 500
}

.saInfoBoxArea .saUserHtmlContent p {
	margin: revert
}

.saInfoBoxArea .saUserHtmlContent ol,
.saInfoBoxArea .saUserHtmlContent ul {
	list-style: revert;
	margin: revert;
	padding: revert
}

.saInfoBoxArea .saUserHtmlContent #map img {
	max-width: none
}

.saInfoBoxArea .saUserHtmlContent * {
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important
}

.saInfoBoxArea .saUserHtmlContent pre * {
	white-space: pre !important
}

.saInfoBoxArea .saUserHtmlContent table {
	max-width: 100%
}

.saInfoArea .saWarningArea {
	padding-bottom: 1px
}

.saInfoArea .saWarningBox {
	display: flex;
	flex-direction: row;
	gap: .5rem;
	padding: .5rem;
	margin-bottom: 1rem;
	border-radius: .5rem;
	color: #333333;
	overflow: hidden
}

.saInfoArea .saWarningBox .saIcon {
	font-size: 1.25rem;
	min-width: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto
}

.saInfoArea .saWarningBox .saContent {
	align-self: center;
	word-break: break-word;
	flex: 0 1 auto;
	display: flex;
	flex-direction: column;
	min-width: 8rem;
	font-weight: 500
}

.saInfoArea .saWarningBox.saClosed.saExpandable .saContent {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 1lh;
	word-break: break-all
}

.saInfoArea .saWarningBox.saClosed.saExpandable .saContent * {
	display: none
}

.saInfoArea .saWarningBox.saClosed.saExpandable .saContent :first-child {
	display: unset
}

.saInfoArea .saWarningBox .saActionWrapper {
	flex: 0 0 auto;
	padding-top: .375rem
}

.saInfoArea .saWarningBox .saButtons {
	display: flex;
	flex: 0 0 auto
}

.saInfoArea .saWarningBox .saPadding {
	flex: 1 0 auto
}

.saInfoArea .saWarningBox .saClose {
	font-size: 1rem;
	flex: 0 0 auto
}

.saInfoArea .saWarningBox .saWarningButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem;
	color: #60748b;
	position: relative;
	background-color: transparent
}

.saInfoArea .saWarningBox .saWarningButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saInfoArea .saWarningBox .saWarningButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saInfoArea .saWarningBox .saWarningButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saInfoArea .saWarningBox .saWarningButton:active {
	border-radius: .75rem
}

.saInfoArea .saWarningBox .saWarningButton::after {
	content: '';
	height: 3rem;
	width: 2.75rem;
	position: absolute;
	top: -.5rem;
	right: -.5rem
}

@media (pointer:fine) {
	.saInfoArea .saWarningBox .saWarningButton:hover {
		color: #fff
	}
}

@media (pointer:fine) {
	.saInfoArea .saWarningBox .saClose .saWarningButton:hover {
		background: #e0173e
	}
}

.saInfoArea .saWarningBox .saClose .saWarningButton:active {
	background: #bf0024
}

.saInfoArea .saWarningBox .saWarningExpander .saWarningButton::after {
	right: unset;
	left: -.875rem
}

.saInfoArea .saWarningBox .saWarningExpander.saOpen i {
	transform: rotate(180deg)
}

.saInfoArea .saWarningBox.saError {
	color: #313a44;
	background: #fff7f7;
	border: 1px solid #e0173e
}

.saInfoArea .saWarningBox.saError .saIcon {
	color: #e0173e
}

@media (pointer:fine) {
	.saInfoArea .saWarningBox.saError .saWarningExpander .saWarningButton:hover {
		background: #e0173e
	}
}

.saInfoArea .saWarningBox.saError .saWarningExpander .saWarningButton:active {
	background: #af0023
}

.saInfoArea .saWarningBox.saWarning {
	color: #313a44;
	background: #fff8e7;
	border: 1px solid #f6ad00
}

.saInfoArea .saWarningBox.saWarning .saIcon {
	color: #f6ad00
}

@media (pointer:fine) {
	.saInfoArea .saWarningBox.saWarning .saWarningExpander .saWarningButton:hover {
		background: #9c6700
	}
}

.saInfoArea .saWarningBox.saWarning .saWarningExpander .saWarningButton:active {
	background: #774800
}

.saInfoArea .saWarningBox.saInfo {
	color: #313a44;
	background: #f7faff;
	border: 1px solid #2d6ce1
}

.saInfoArea .saWarningBox.saInfo .saIcon {
	color: #2d6ce1
}

@media (pointer:fine) {
	.saInfoArea .saWarningBox.saInfo .saWarningExpander .saWarningButton:hover {
		background: #2d6ce1
	}
}

.saInfoArea .saWarningBox.saInfo .saWarningExpander .saWarningButton:active {
	background: #124bb3
}

.saInfoArea .saWarningBox.saSuccess {
	color: #313a44;
	background: #f2fcf2;
	border: 1px solid #009b36
}

.saInfoArea .saWarningBox.saSuccess .saIcon {
	color: #009b36
}

@media (pointer:fine) {
	.saInfoArea .saWarningBox.saSuccess .saWarningExpander .saWarningButton:hover {
		background: #008429
	}
}

.saInfoArea .saWarningBox.saSuccess .saWarningExpander .saWarningButton:active {
	background: #006309
}

.saInfoArea .saWarningBox .saWarningExpander {
	position: relative;
	font-size: 1rem;
	display: none
}

.saInfoArea .saWarningBox.saExpandable .saWarningExpander {
	display: flex
}

.saInfoArea .saWarningBox .saAction {
	color: #006ebf;
	font-weight: 700;
	cursor: pointer
}

@media (pointer:fine) {
	.saInfoArea .saWarningBox .saAction:hover {
		text-decoration: underline
	}
}

.saInfoArea .saWarningBox .saAction:active {
	color: #004f97
}

.saSmallScreen .saInfoArea .saWarningBox .saAction.saDesktopOnly {
	display: none
}

.saLargeScreen .saInfoArea .saWarningBox .saAction.saSmallScreenOnly {
	display: none
}

.saMultiPartContent .saInfoBoxAreaWrapper {
	padding-bottom: 1rem
}

.saMultiPartContent .saInfoBoxArea {
	border-radius: .5rem
}

.saMultiPartContent .saInfoArea:last-child .saInfoBoxAreaWrapper {
	padding-bottom: 0
}

.saPopup .saInfoBoxAreaWrapper {
	padding-bottom: 1rem
}

.saInfoBoxAreaWrapper {
	padding-bottom: 1rem
}

.saInfoBoxAreaWrapper.saInfoBoxAreaBelow {
	padding-bottom: 0;
	padding-top: 1rem
}

.saSmallScreen .saInfoBoxAreaWrapper.saNoBottomMargin {
	padding-bottom: 0
}

.saLargeScreen .saInfoArea .saWarningBox:last-child {
	margin-bottom: 1rem
}

.saLargeScreen.saPopup .saInfoArea .saWarningBox:last-child {
	margin-bottom: 1rem
}

.saLargeScreen .saInfoBoxArea .saExpandButton {
	user-select: none;
	background-color: transparent
}

@media (pointer:fine) {
	.saLargeScreen .saInfoBoxArea .saExpandButton:hover {
		color: #5d237d;
		background-color: #f8f9fb
	}
}

.saLargeScreen .saInfoBoxArea .saExpandButton:focus-visible {
	color: #5d237d;
	background-color: #f8f9fb
}

.saLargeScreen .saInfoBoxArea .saExpandButton:active {
	background-color: #eef1f5
}

.saSmallScreen .saWarningArea {
	margin-bottom: 1rem
}

.saSmallScreen .saWarningArea .saWarningBox:last-child {
	margin-bottom: 0
}

.saSmallScreen .saInfoArea:first-child .saInfoBoxArea {
	margin-top: 1rem
}

.saSmallScreen .saInfoBoxArea {
	margin: 0 1rem
}

.saSmallScreen .saInfoBoxArea .saColWrapper,
.saSmallScreen .saInfoBoxArea .saRowWrapper {
	gap: 3rem
}

.saSmallScreen .saInfoBoxArea .saRowWrapper::before {
	top: 1rem
}

.saSmallScreen .saInfoBoxArea .saCol {
	gap: 2rem
}

.saSmallScreen .saInfoBoxArea .saCol::after {
	right: -1rem
}

.saSmallScreen .saInfoBoxArea .saInfoBox::after {
	bottom: -1rem
}

.saSmallScreen .saWarningBox {
	margin: 1rem
}

.saBoxTableWrapper {
	overflow-x: auto;
	position: relative
}

.saBoxTableWrapper .saBoxTable .saTableHeading {
	text-align: left;
	font-size: .75rem;
	font-weight: 500;
	color: #7088a4
}

.saBoxTableWrapper .saBoxTable .saTableCell {
	height: 1.5rem;
	padding-right: .75rem;
	white-space: nowrap
}

.saBoxTableWrapper .saBoxTable .saTableCell.center {
	text-align: center
}

.saBoxTableWrapper .saBoxTable .saTableCell.right {
	text-align: right
}

.saBoxTableWrapper .saBoxTable td {
	font-size: .875rem;
	color: #333333
}

.saPagination {
	font-size: .875rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.saPagination button {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saPagination button .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saPagination button .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saPagination button .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saPagination button .saIcon {
	color: #333333
}

.saPagination button.saDestructive {
	color: #dd1f26
}

.saPagination button.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saPagination button.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saPagination button.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saPagination button.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saPagination button.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saPagination button:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saPagination button:hover .saIcon {
		color: #5d237d
	}
}

.saPagination button:active {
	background-color: #f6deff;
	color: #50146e
}

.saPagination button:active .saIcon {
	color: #50146e
}

.saPagination button.saDisabled,
.saPagination button:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saPagination button.saDisabled .saIcon,
.saPagination button:disabled .saIcon {
	color: #adbdd1
}

.saPagination button:active {
	border-radius: .75rem
}

.saPagination button:disabled {
	background: 0 0
}

.saPagination button:disabled .saIcon {
	color: #ccd5e2
}

.saPagination input {
	max-width: 2rem;
	height: 1.75rem;
	padding: 2px;
	text-align: center;
	border-radius: .5rem;
	min-width: 2rem;
	background: #fff;
	font: inherit;
	color: inherit;
	border: 1px solid #ccd5e2;
	transition: all .2s ease;
	width: 100%
}

.saPagination .saPaginationPages {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: .5rem;
	padding: 0 .5rem;
	white-space: nowrap;
	word-break: keep-all
}

.saSmallScreen .saPagination {
	box-sizing: border-box;
	position: sticky;
	left: 0;
	bottom: 0;
	max-width: 100vw;
	background: #fff;
	z-index: 2;
	height: 3rem;
	border-top: 1px solid #ccd5e2;
	margin-top: 1rem
}

.saSmallScreen .saPagination button {
	min-width: 3rem;
	height: 3rem
}

.saSmallScreen .saListGrid .saPagination {
	margin-top: 0
}

.saSmallScreen .saGridWrapper .saPagination {
	margin-left: -1rem
}

.saSmallScreen .saMultiPartContent .saGridWrapper .saPagination {
	max-width: calc(100vw - 4rem)
}

.grid .draghandle {
	position: absolute;
	width: .3125rem;
	top: 0;
	right: -.1875rem;
	cursor: e-resize;
	z-index: 500;
	opacity: 0
}

.grid .active_draghandle {
	border-left: 2px solid #5d237d;
	opacity: 1
}

.grid:has(.active_draghandle) th a {
	pointer-events: none
}

.grid a {
	cursor: pointer
}

.grid a .saLinkText {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	text-decoration: none;
	font-weight: 500;
	color: #006ebf
}

@media (pointer:fine) {
	.grid a:hover .saLinkText {
		text-decoration: underline
	}

	.grid a:hover img,
	.grid a:hover svg {
		opacity: .8;
		transition: transform .5s
	}

	.grid a:hover .saMeterHeader,
	.grid a:hover .saMeterValue {
		text-decoration: underline
	}
}

.grid a:active .saLinkText {
	color: #004f97
}

.grid a:active img,
.grid a:active svg {
	opacity: .8;
	transition: transform .5s
}

.grid a:active .saMeterHeader,
.grid a:active .saMeterValue {
	text-decoration: underline
}

.grid .saUseAccessibilityMode {
	padding-right: 2px
}

.grid .saUseAccessibilityMode .saGridCell {
	overflow-wrap: anywhere
}

.grid .saUseAccessibilityMode .saAggregateLabel,
.grid .saUseAccessibilityMode .saGridHeadingInner {
	overflow-wrap: break-word;
	flex-wrap: wrap
}

.grid .saNotUsingAccessibilityMode .saGridHeadingLabel,
.grid .saNotUsingAccessibilityMode a.sort {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.25rem
}

@media (pointer:fine) {
	.saToggleWrapper.saEditCellsToggle .saToggle:hover::before {
		background: #ddccff
	}
}

.saToggleWrapper.saEditCellsToggle .saToggle:active::before {
	background: #f0ebff
}

.saToggleWrapper.saEditCellsToggle .saToggle:checked::before {
	background: #8b4af1
}

@media (pointer:fine) {
	.saToggleWrapper.saEditCellsToggle .saToggle:checked:hover::before {
		background: #ddccff
	}
}

.saToggleWrapper.saEditCellsToggle .saToggle:checked:active::before {
	background: #f0ebff
}

.saGridCheckbox {
	padding: 0 .75rem
}

.saGridWrapper {
	position: relative;
	width: fit-content;
	font-variant-numeric: tabular-nums
}

.saMiniView .saGridWrapper,
.saMultiPartContent .saGridWrapper {
	margin-right: .1875rem
}

.saSmallScreen .saGridWrapper {
	padding-left: 1rem;
	padding-right: 1rem
}

.saLargeScreen .saGridWrapper>.saPagination {
	display: none
}

.saStandard .saGridWrapper:has(.saComponentContentLinks) .saGridHead {
	top: 7.25rem
}

.saCompact .saGridWrapper:has(.saComponentContentLinks) .saGridHead {
	top: 6.75rem
}

.saGridWrapper:has(.saComponentContentLinks) .saGridHead:not(:has(.saGridColumnGroupRow)) .saGridHeadingRow th {
	border-top: none
}

.saGridWrapper:has(.saComponentContentLinks) .saGridHead .saGridColumnGroup {
	border-top: none
}

.saGridWrapper:has(.saComponentContentLinks):not(:has(.saCompactGridTop)) .saGridTop {
	height: auto
}

.saGridWrapper:has(.saComponentContentLinks):not(:has(.saCompactGridTop)) .saGridTop .saGridTopInner {
	height: 3.75rem
}

.saGridTop {
	box-sizing: border-box;
	width: 100%;
	color: #333333;
	background: #fff;
	font-weight: 500;
	font-size: .875rem;
	height: 3.75rem
}

.saSmallScreen .saGridTop .saPagination {
	display: none
}

.saStandard .saGridTop {
	height: 4.5rem
}

.saGridTop .saComponentContentLinksWrapper {
	display: flex;
	align-items: center;
	background: #eef1f5;
	padding: .5rem .75rem;
	outline: solid 1px #ccd5e2;
	outline-offset: -1px
}

.saGridTop .saComponentContentLinksWrapper .saBadgeCount {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	box-sizing: border-box;
	min-width: 1rem;
	color: #333333;
	background-color: #e5e2db;
	border-radius: .75rem;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem;
	transition: ease background-color .2s;
	white-space: nowrap;
	flex-shrink: 0
}

.saGridTop .saComponentContentLinksWrapper .saBadgeCount.saUrgent {
	color: #fff;
	background-color: #e0173e
}

.saStandard .saGridTop .saComponentContentLinksWrapper .saContextMenu {
	top: 3.5rem
}

.saCompact .saGridTop .saComponentContentLinksWrapper .saContextMenu {
	top: 2.75rem
}

.saCompact .saGridTop .saComponentContentLinksWrapper .saContextMenu .saContextMenuItem {
	font-size: .875rem
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks {
	display: flex;
	gap: .5rem;
	align-items: center
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saButtonText,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saBadgedIcon,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saIcon,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saIcon,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saIcon {
	color: #333333
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saBadge,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {

	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:hover,
	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:hover .saIcon,
	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:hover .saIcon {
		color: #5d237d
	}

	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:hover .saBadge,
	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:active,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:active {
	background: #f6deff
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:active .saBadge,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive .saIcon,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive .saIcon {
	color: #dd1f26
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive .saBadge,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {

	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive:hover,
	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive:hover .saIcon,
	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive:hover .saBadge,
	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive:active,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive:active .saIcon,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive:active .saBadge,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saStandard .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton,
.saStandard .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:active,
.saStandard .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:active {
	border-radius: .75rem
}

.saStandard .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saIcon,
.saStandard .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton,
.saCompact .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:active,
.saCompact .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:active {
	border-radius: .75rem
}

.saCompact .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saIcon,
.saCompact .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton,
.saSmallScreen .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:active,
.saSmallScreen .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:active {
	border-radius: .75rem
}

.saSmallScreen .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saIcon,
.saSmallScreen .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saStandard .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saMoreButton,
.saStandard .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saMoreButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saMoreButton:active,
.saStandard .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saMoreButton:active {
	border-radius: .75rem
}

.saCompact .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saMoreButton,
.saCompact .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saMoreButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saMoreButton:active,
.saCompact .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saMoreButton:active {
	border-radius: .75rem
}

.saSmallScreen .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saMoreButton,
.saSmallScreen .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saMoreButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saMoreButton:active,
.saSmallScreen .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saMoreButton:active {
	border-radius: .75rem
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary {
	background-color: #5d237d;
	color: #f5f3ee
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary .saIcon,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary .saIcon {
	color: #f5f3ee
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary .saBadge,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary .saBadge {
	color: #5d237d;
	background: #f5f3ee;
	border-color: #5d237d
}

@media (pointer:fine) {

	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary:hover,
	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary:hover {
		background-color: #50146e
	}

	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary:hover .saBadge,
	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary:hover .saBadge {
		background-color: #f5f3ee;
		border-color: #50146e
	}
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary:active,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary:active {
	background-color: #42045f
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary:active .saBadge,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary:active .saBadge {
	color: #42045f;
	border-color: 2px solid #42045f
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary:disabled,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary:disabled {
	background: #d3b9e7;
	pointer-events: none
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary.saDestructive,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary.saDestructive {
	background-color: #dd1f26;
	color: #fff;
	border-color: #ffdbd7
}

@media (pointer:fine) {

	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary.saDestructive:hover,
	.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary.saDestructive:hover {
		background-color: #c60014
	}
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive.saButtonPrimary,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive.saDestructive,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive.saButtonPrimary,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive.saDestructive {
	background-color: #fff;
	color: #adbdd1;
	border-color: transparent;
	cursor: default
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive .saIcon,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive.saButtonPrimary .saIcon,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive.saDestructive .saIcon,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive .saIcon,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive.saButtonPrimary .saIcon,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive.saDestructive .saIcon {
	color: #adbdd1;
	background: 0 0
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive .saBadge,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive.saButtonPrimary .saBadge,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive.saDestructive .saBadge,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive .saBadge,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive.saButtonPrimary .saBadge,
.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive.saDestructive .saBadge {
	color: #adbdd1;
	background-color: #fff;
	border-color: #adbdd1
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saBadge {
	height: .875rem;
	min-width: .875rem;
	font-size: .625rem;
	right: -.25rem;
	bottom: -.25rem;
	z-index: 2
}

.saCompact .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saBadge {
	height: .75rem;
	min-width: .75rem;
	font-size: .5rem;
	right: -.375rem;
	bottom: -.25rem;
	border: 1px solid
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saCollectorWrapper {
	display: flex
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saCollectorWrapper .saContextMenuWrapper {
	position: relative
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saCollectorWrapper .saContextMenuWrapper .saContextMenu {
	position: absolute;
	overflow-x: hidden
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saCollectorWrapper .saContextMenuWrapper .saContextMenuItem {
	max-width: 25rem
}

.saSmallScreen .saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saCollectorWrapper .saContextMenuWrapper .saContextMenuItem {
	max-width: 90vw
}

.saGridTop .saComponentContentLinksWrapper .saComponentContentLinks .saCollectorWrapper .saContextMenuWrapper .saButtonText {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left
}

.saListGrid .saGridTop {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem .5rem 0 1rem
}

.saListGrid .saGridTop .saButtons {
	margin-left: -.625rem
}

.saGridTop {
	position: sticky;
	top: 0;
	z-index: 3
}

.saGridTop .saButtons {
	display: flex;
	align-items: center;
	flex-direction: row;
	min-width: 0
}

.saGridTop .saGridButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	position: relative
}

.saGridTop .saGridButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saGridTop .saGridButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saGridTop .saGridButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saGridTop .saGridButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saGridTop .saGridButton:active {
	border-radius: .75rem
}

.saCompact .saGridTop .saGridButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saGridTop .saGridButton:active {
	border-radius: .75rem
}

.saSmallScreen .saGridTop .saGridButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saGridTop .saGridButton:active {
	border-radius: .75rem
}

.saGridTop .saGridButton .saIcon {
	color: #333333
}

.saGridTop .saGridButton.saDestructive {
	color: #dd1f26
}

.saGridTop .saGridButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saGridTop .saGridButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saGridTop .saGridButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saGridTop .saGridButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saGridTop .saGridButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saGridTop .saGridButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saGridTop .saGridButton:hover .saIcon {
		color: #5d237d
	}
}

.saGridTop .saGridButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saGridTop .saGridButton:active .saIcon {
	color: #50146e
}

.saGridTop .saGridButton.saDisabled,
.saGridTop .saGridButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saGridTop .saGridButton.saDisabled .saIcon,
.saGridTop .saGridButton:disabled .saIcon {
	color: #adbdd1
}

.saStandard .saGridTop .saGridButton {
	font-size: 1.25rem
}

.saGridTop .saGridButton .saButtonBadge {
	top: .375rem;
	right: .375rem;
	height: .5rem;
	width: .5rem;
	background: #e0173e;
	position: absolute;
	border-radius: .25rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.saSmallScreen .saGridTop .saGridButton.saExcel {
	display: none
}

.saLargeScreen .saGridTop .saGridButton.saChangeScreenModeButton {
	display: none
}

#IFDEF GreenExcelButton .saGridTop .saGridButton.saExcel {
	color: #009b36;
	background: 0 0
}

#IFDEF GreenExcelButton .saGridTop .saGridButton.saExcel .saIcon {
	color: #009b36
}

@media (pointer:fine) {
	#IFDEF GreenExcelButton .saGridTop .saGridButton.saExcel:hover {
		background: #d6f7d9;
		color: #008429
	}

	#IFDEF GreenExcelButton .saGridTop .saGridButton.saExcel:hover .saIcon {
		color: #009b36
	}
}

#IFDEF GreenExcelButton .saGridTop .saGridButton.saExcel:active {
	background: #91e89b;
	color: #006d1e
}

.saGridTop .saEditCellsToggle {
	padding: 0 .5rem
}

.saGridTop .saGridHitCounter {
	min-width: 9.375rem;
	font-size: .75rem;
	display: flex;
	flex-direction: column;
	line-height: 1rem
}

.saGridTop .saSelectedItemsCounter {
	font-size: smaller;
	color: #60748b
}

.saGridTop .saGridGroupingDropdownWrapper {
	position: relative
}

.saGridTop .saGridGroupingDropdownWrapper label span {
	position: absolute;
	top: .5rem;
	left: .75rem;
	font-size: .875rem;
	color: #333333;
	pointer-events: none;
	transition: ease font-size .1s
}

.saGridTop .saGridGroupingDropdownWrapper .saGridGroupingDropdown {
	color: transparent;
	background-color: #fff;
	border: 1px solid #ccd5e2;
	border-radius: .5rem;
	padding: .75rem .375rem 0 .375rem;
	max-width: 12.5rem
}

.saGridTop .saGridGroupingDropdownWrapper.saIsGrouped label span,
.saGridTop .saGridGroupingDropdownWrapper:focus-within label span {
	color: #60748b;
	font-size: .625rem;
	top: 2px
}

.saGridTop .saGridGroupingDropdownWrapper.saIsGrouped .saGridGroupingDropdown,
.saGridTop .saGridGroupingDropdownWrapper:focus-within .saGridGroupingDropdown {
	color: #333333
}

.saGridTop .saGridTopInner {
	box-sizing: border-box;
	border: 1px #ccd5e2 solid;
	border-bottom: none;
	border-radius: 1rem 1rem 0 0;
	align-items: center;
	gap: .5rem;
	padding: 1rem 1rem 1rem 1.5rem;
	width: 100%;
	height: 100%;
	display: flex
}

.saCompactGridTop:has(.saComponentContentLinksWrapper) {
	height: auto
}

.saCompactGridTop:has(.saComponentContentLinksWrapper):not(:has(.saGridTopInner)) .saComponentContentLinksWrapper {
	border-radius: 1rem 1rem 0 0
}

.saGrid .saGridHead {
	border-radius: 1rem 1rem 0 0
}

.saGrid .saGridHead th:first-child {
	border-radius: 1rem 0 0 0
}

.saGrid .saGridHead th:last-child {
	border-radius: 0 1rem 0 0
}

.saGrid .saGridHead th:only-child {
	border-radius: 1rem 1rem 0 0
}

.saGridTop+.saGrid {
	border-radius: 0 0 1rem 1rem
}

.saGridTop+.saGrid .saGridHead th:first-child,
.saGridTop+.saGrid .saGridHead th:last-child,
.saGridTop+.saGrid .saGridHead th:only-child {
	border-radius: 0
}

.saGridColumnGroupRow+.saGridHeadingRow th:first-child,
.saGridColumnGroupRow+.saGridHeadingRow th:last-child,
.saGridColumnGroupRow+.saGridHeadingRow th:only-child {
	border-radius: 0
}

.saGridWrapper:not(:has(.saGridTop)) thead tr:only-child th {
	border-top: none
}

.saGridWrapper:not(:has(.saGridTop)) table.saGrid thead tr.saGridHeadingRow:first-child th:first-child {
	border-radius: 1rem 0 0 0
}

.saGridWrapper:not(:has(.saGridTop)) table.saGrid thead tr.saGridHeadingRow:first-child th:last-child {
	border-radius: 0 1rem 0 0
}

.saGridWrapper:not(:has(.saGridTop)) table.saGrid thead tr.saGridHeadingRow:first-child th:only-child {
	border-radius: 1rem 1rem 0 0
}

.saGrid:has(tbody:empty):not(:has(tfoot)) {
	overflow: hidden
}

.saGrid:has(tbody:empty):not(:has(tfoot)) .saGridHead tr:last-child th {
	border-bottom: none
}

.saGrid:has(tbody:empty):not(:has(tfoot)) .saGridHead tr:last-child th:only-child {
	border-bottom: none;
	border-left: none;
	border-right: none
}

.saGridWrapper>.saGrid:has(tbody:empty):not(:has(tfoot)):first-child .saGridHead tr:only-child th:only-child {
	border-bottom: none;
	border-left: none;
	border-right: none
}

.saGrid:not(:has(tfoot)) .saGridRow.saOpened+.saGridExtraText:last-child,
.saGrid:not(:has(tfoot)) .saGridRow:last-child,
.saGrid:not(:has(tfoot)) .saGridRow:nth-last-child(2):has(.saGridExpandButton):not(.saOpened) {
	border-radius: 0 0 1rem 1rem
}

.saGrid:not(:has(tfoot)) .saGridRow.saOpened+.saGridExtraText:last-child td:first-child,
.saGrid:not(:has(tfoot)) .saGridRow.saOpened+.saGridExtraText:last-child td:first-child input:not(.saCheckbox),
.saGrid:not(:has(tfoot)) .saGridRow:last-child td:first-child,
.saGrid:not(:has(tfoot)) .saGridRow:last-child td:first-child input:not(.saCheckbox),
.saGrid:not(:has(tfoot)) .saGridRow:nth-last-child(2):has(.saGridExpandButton):not(.saOpened) td:first-child,
.saGrid:not(:has(tfoot)) .saGridRow:nth-last-child(2):has(.saGridExpandButton):not(.saOpened) td:first-child input:not(.saCheckbox) {
	border-radius: 0 0 0 1rem
}

.saGrid:not(:has(tfoot)) .saGridRow.saOpened+.saGridExtraText:last-child td:last-child,
.saGrid:not(:has(tfoot)) .saGridRow:last-child td:last-child,
.saGrid:not(:has(tfoot)) .saGridRow:nth-last-child(2):has(.saGridExpandButton):not(.saOpened) td:last-child {
	border-radius: 0 0 1rem 0
}

.saGrid:not(:has(tfoot)) .saGridRow.saOpened+.saGridExtraText:last-child td:only-child,
.saGrid:not(:has(tfoot)) .saGridRow:last-child td:only-child,
.saGrid:not(:has(tfoot)) .saGridRow:nth-last-child(2):has(.saGridExpandButton):not(.saOpened) td:only-child {
	border-radius: 0 0 1rem 1rem
}

.saGrid:not(:has(tfoot)) .saGridRow.saOpened {
	border-radius: 0
}

.saGrid:not(:has(tfoot)) .saGridRow.saOpened td:first-child,
.saGrid:not(:has(tfoot)) .saGridRow.saOpened td:last-child,
.saGrid:not(:has(tfoot)) .saGridRow.saOpened td:only-child {
	border-radius: 0
}

.saGrid:has(tbody:empty) .saGridFoot tr:first-child td {
	border-top: none
}

.saGridFoot tr:last-child {
	border-radius: 0 0 1rem 1rem
}

.saGridFoot tr:last-child td:first-child {
	border-radius: 0 0 0 1rem
}

.saGridFoot tr:last-child td:last-child {
	border-radius: 0 0 1rem 0
}

.saGridFoot tr:last-child td:only-child {
	border-radius: 0 0 1rem 1rem
}

.saGrid {
	border-radius: 1rem;
	box-sizing: border-box;
	border: 1px #ccd5e2 solid;
	color: #333333;
	min-width: 100%
}

.saGridTop+.saGrid {
	border-top: none
}

.saGrid .saEditable.saEdited {
	position: relative;
	background: #fff;
	border: 1px solid #8b4af1 !important
}

.saGrid .saEditable.saEdited.saWarning {
	background-color: #ffecb7;
	border: 1px solid #f6ad00 !important
}

.saGrid .saEditable.saEdited.saWarning input {
	background: 0 0
}

.saGrid .saEditable.saEdited.saError {
	background-color: #ffe8e7;
	border: 1px solid #e0173e !important
}

.saGrid .saEditable.saEdited.saError input {
	background: 0 0
}

.saGrid .saEditable.saEdited .inputControl {
	height: 100%;
	display: flex;
	box-sizing: border-box
}

.saGrid .saEditable.saEdited .inputControl .saInputText::-webkit-calendar-picker-indicator {
	display: none
}

.saGrid .saEditable.saEdited input,
.saGrid .saEditable.saEdited select,
.saGrid .saEditable.saEdited textarea {
	background: #fff;
	border: 0;
	width: 100%
}

.saGrid .saEditable.saEdited input {
	padding: 0
}

.saGrid .saEditable.saEdited i {
	font-size: 1rem
}

.saGrid .saEditable.saEdited select {
	min-height: 1.625rem
}

.saGrid .saEditable.saEdited :focus {
	outline: 0
}

.saGrid .saEditable.saEdited select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0 1.5rem
}

.saCompact .saGrid .saEditable.saEdited select,
.saSmallScreen .saGrid .saEditable.saEdited select {
	padding: 0 .5rem
}

.saGrid .saEditable.saEdited .saEditableWrapper {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: 100%
}

.saStandard .saGrid .saEditable.saEdited .saEditableWrapper {
	padding: 0 1.375rem
}

.saCompact .saGrid .saEditable.saEdited .saEditableWrapper,
.saSmallScreen .saGrid .saEditable.saEdited .saEditableWrapper {
	padding: 0 .375rem
}

.saSmallScreen .saGrid .saEditable.saEdited .saEditableWrapper>div:not(:empty) {
	box-sizing: border-box;
	width: 100%
}

.saGrid .saEditableGridButton {
	background: #333333;
	border: none;
	width: 1.75rem;
	height: 1.75rem;
	align-items: center;
	display: flex;
	justify-content: center;
	border-radius: .375rem;
	transition: ease .3s;
	transition-property: background-color, color;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: relative
}

.saGrid .saEditableGridButton i {
	color: #fff
}

@media (pointer:fine) {
	.saGrid .saEditableGridButton:hover i {
		color: #ddccff
	}
}

.saGrid .saEditableGridButton::after {
	content: '';
	height: 2rem;
	width: 2rem;
	position: absolute
}

.saGrid .saEditableGridButton:first-child::after {
	left: -.25rem
}

.saGrid .saEditableGridButton:last-child::after {
	right: -.25rem
}

.saGrid .saEditableGridButton:only-child::after {
	left: unset;
	right: unset
}

@media (pointer:fine) {
	.saGrid .editButtons .saEditableGridButton:hover {
		background: #506072
	}

	.saGrid .editButtons .saEditableGridButton:hover i {
		color: #ddccff
	}
}

.saGrid .editButtons .saEditableGridButton:active,
.saGrid .editButtons .saEditableGridButton:active:enabled {
	border-radius: .5rem;
	background: #8b4af1
}

.saGrid .saEditableDropdown {
	width: 100%;
	box-shadow: none;
	justify-content: center
}

.saGrid .saGridCell {
	align-items: center;
	box-sizing: border-box;
	text-overflow: ellipsis;
	padding: .375rem .5rem;
	overflow: hidden
}

.saStandard .saGrid .saGridCell {
	padding: .5rem 1.5rem
}

.saGrid .saGridCell a.saLink {
	cursor: pointer
}

.saGrid .saGridCell a.saLink .saLinkText {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	text-decoration: none;
	font-weight: 500;
	color: #006ebf
}

@media (pointer:fine) {
	.saGrid .saGridCell a.saLink:hover .saLinkText {
		text-decoration: underline
	}

	.saGrid .saGridCell a.saLink:hover img,
	.saGrid .saGridCell a.saLink:hover svg {
		opacity: .8;
		transition: transform .5s
	}

	.saGrid .saGridCell a.saLink:hover .saMeterHeader,
	.saGrid .saGridCell a.saLink:hover .saMeterValue {
		text-decoration: underline
	}
}

.saGrid .saGridCell a.saLink:active .saLinkText {
	color: #004f97
}

.saGrid .saGridCell a.saLink:active img,
.saGrid .saGridCell a.saLink:active svg {
	opacity: .8;
	transition: transform .5s
}

.saGrid .saGridCell a.saLink:active .saMeterHeader,
.saGrid .saGridCell a.saLink:active .saMeterValue {
	text-decoration: underline
}

@media (pointer:fine) {
	.saGrid .saGridCell a.saLink:hover .saGridText {
		text-decoration: underline
	}
}

.saGrid .saGridCell h1,
.saGrid .saGridCell h2,
.saGrid .saGridCell h3,
.saGrid .saGridCell h4,
.saGrid .saGridCell h5,
.saGrid .saGridCell h6 {
	font-size: revert;
	font-weight: revert;
	margin: revert;
	line-height: revert;
	color: revert
}

.saGrid .saGridCell ol,
.saGrid .saGridCell ul {
	list-style: revert;
	margin: 0;
	padding: 0 0 0 2.5rem
}

.saGrid .saGridCell table {
	border-collapse: collapse
}

.saGrid .saGridCell thead {
	background: #f8f9fb;
	font-weight: 700
}

.saGrid .saGridCell td,
.saGrid .saGridCell th {
	border: 1px solid #eef1f5;
	padding: .5rem;
	text-align: left
}

.saGrid .saGridCell a {
	color: #006ebf;
	font-weight: 500
}

.saGrid .saGridCell p {
	margin: revert
}

.saGrid .saGridCell ol,
.saGrid .saGridCell ul {
	list-style: revert;
	margin: revert;
	padding: revert
}

.saGrid .saGridCell #map img {
	max-width: none
}

.saGrid.saEditMode td:not(.saEditable) .saGridCell {
	opacity: .6;
	user-select: none
}

.saGrid .center .saGridCell {
	justify-content: center;
	text-align: center
}

.saGrid .right .saGridCell {
	justify-content: right;
	text-align: right
}

.saGrid .saGridRow:first-child>td {
	border-top: none
}

.saGrid .saGridRow>td {
	box-sizing: border-box;
	border-collapse: collapse;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: 1px solid #dde3ec;
	vertical-align: middle;
	height: 2rem
}

.saStandard .saGrid .saGridRow>td {
	height: 3rem
}

.saGrid .saGridRow>td:has(.saGridExpandButton) {
	padding: 0 .25rem
}

.saGrid .saGridRow.saGridRowEvery5th>td {
	border-top: 1px solid #ccd5e2
}

.saGrid .saGridRow.saSelected {
	background: #ebd6f2
}

.saGrid .saGridRow.saSelected .saCellUserStyle {
	filter: brightness(.85)
}

.saGrid .saGridGroupedRowsHeader>th {
	background: #fff;
	box-shadow: 0 1px 0 0 #dde3ec;
	text-align: left;
	border-top: 1px solid #eef1f5;
	border-collapse: collapse;
	color: #333333
}

.saGrid .saGridGroupedRowsHeader>th .saGridGroupedRowsHeaderText {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	margin-top: 1rem;
	padding: 0 .5rem;
	font-weight: 600;
	font-size: 1rem;
	min-height: 2rem;
	color: #333333
}

.saStandard .saGrid .saGridGroupedRowsHeader>th .saGridGroupedRowsHeaderText {
	font-size: 1rem;
	min-height: 3rem;
	padding: 0 1.5rem
}

.saGrid .saGridGroupedRowsHeader>th a {
	cursor: pointer
}

.saGrid .saGridGroupedRowsHeader>th a .saLinkText {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	text-decoration: none;
	font-weight: 500;
	color: #006ebf
}

@media (pointer:fine) {
	.saGrid .saGridGroupedRowsHeader>th a:hover .saLinkText {
		text-decoration: underline
	}

	.saGrid .saGridGroupedRowsHeader>th a:hover img,
	.saGrid .saGridGroupedRowsHeader>th a:hover svg {
		opacity: .8;
		transition: transform .5s
	}

	.saGrid .saGridGroupedRowsHeader>th a:hover .saMeterHeader,
	.saGrid .saGridGroupedRowsHeader>th a:hover .saMeterValue {
		text-decoration: underline
	}
}

.saGrid .saGridGroupedRowsHeader>th a:active .saLinkText {
	color: #004f97
}

.saGrid .saGridGroupedRowsHeader>th a:active img,
.saGrid .saGridGroupedRowsHeader>th a:active svg {
	opacity: .8;
	transition: transform .5s
}

.saGrid .saGridGroupedRowsHeader>th a:active .saMeterHeader,
.saGrid .saGridGroupedRowsHeader>th a:active .saMeterValue {
	text-decoration: underline
}

.saGrid .saGridGroupedRowsHeader>th .systemicon {
	margin-right: .5rem
}

.saGrid .saGridGroupedRowsHeader>th .systemicon i {
	top: unset
}

.saGrid .saGridGroupedRowsHeader>th {
	position: sticky;
	z-index: 1
}

.saGrid .saGridGroupedRowsHeader:first-child>th {
	border-top: none
}

.saGrid .systemicon {
	width: 1.25rem;
	display: inline-block;
	margin-right: .25rem;
	text-align: center
}

.saGrid .systemicon i {
	position: relative
}

.saGrid .saGridRowControls {
	width: 0
}

.saGrid .saGridRowControls:first-child:not(.saGridCheckbox) {
	padding-left: .25rem
}

.saGrid .saGridExpandAll {
	padding: 0 .25rem
}

.saGrid .saGridExpandAllButton,
.saGrid .saGridRowButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem;
	background: 0 0;
	color: #333333
}

.saGrid .saGridExpandAllButton .saButtonText,
.saGrid .saGridRowButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saGrid .saGridExpandAllButton .saBadgedIcon,
.saGrid .saGridRowButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saGrid .saGridExpandAllButton .saIcon,
.saGrid .saGridRowButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saGrid .saGridExpandAllButton:active,
.saGrid .saGridRowButton:active {
	border-radius: .75rem
}

@media (pointer:fine) {

	.saGrid .saGridExpandAllButton:hover:not(.inactive),
	.saGrid .saGridRowButton:hover:not(.inactive) {
		color: #5d237d;
		background: #f6deff
	}
}

.saGrid .saGridExpandAllButton.open,
.saGrid .saGridExpandAllButton.openup,
.saGrid .saGridExpandAllButton:active:not(.inactive),
.saGrid .saGridRowButton.open,
.saGrid .saGridRowButton.openup,
.saGrid .saGridRowButton:active:not(.inactive) {
	color: #5d237d;
	background: #d3b9e7;
	border-radius: .75rem
}

.saGrid .saGridExpandAllButton.inactive,
.saGrid .saGridRowButton.inactive {
	cursor: default;
	opacity: .4
}

.saGrid .saGridExpandAllButton[aria-expanded=true] i,
.saGrid .saGridExpandButton[aria-expanded=true] i {
	transform: rotate(-180deg)
}

.saGrid .saGridRowButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saGrid .saGridRowButton.saDestructive .saIcon {
	color: #dd1f26
}

.saGrid .saGridRowButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saGrid .saGridRowButton.saDestructive:hover {
		color: #fff;
		background: #dd1f26;
		border-color: transparent
	}

	.saGrid .saGridRowButton.saDestructive:hover .saIcon {
		color: #fff
	}

	.saGrid .saGridRowButton.saDestructive:hover .saBadge {
		background-color: #fff;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saGrid .saGridRowButton.saDestructive:active {
	color: #fff;
	background: #ba000b;
	border-color: transparent
}

.saGrid .saGridRowButton.saDestructive:active .saIcon {
	color: #fff;
	background-color: #ba000b
}

.saGrid .saGridRowButton.saDestructive:active .saBadge {
	background-color: #fff;
	color: #ba000b;
	border-color: #ba000b
}

.saGrid button.saGridRowButton:disabled {
	pointer-events: auto
}

.saGrid .saGridExtraText {
	display: none
}

.saGrid .saOpened .saGridExtraText {
	display: initial
}

.saGrid .saOpened+.saGridExtraText {
	display: table-row
}

@media (pointer:fine) {
	.saGrid .saOpened:hover+.saGridExtraText {
		background: #ebd6f2
	}
}

.saGrid .saGridExtraText>td {
	border-left: none;
	padding: 0 .5rem .5rem .5rem;
	outline: 0
}

.saGrid .saGridExtraText>td h1,
.saGrid .saGridExtraText>td h2,
.saGrid .saGridExtraText>td h3,
.saGrid .saGridExtraText>td h4,
.saGrid .saGridExtraText>td h5,
.saGrid .saGridExtraText>td h6 {
	font-size: revert;
	font-weight: revert;
	margin: revert;
	line-height: revert;
	color: revert
}

.saGrid .saGridExtraText>td ol,
.saGrid .saGridExtraText>td ul {
	list-style: revert;
	margin: 0;
	padding: 0 0 0 2.5rem
}

.saGrid .saGridExtraText>td table {
	border-collapse: collapse
}

.saGrid .saGridExtraText>td thead {
	background: #f8f9fb;
	font-weight: 700
}

.saGrid .saGridExtraText>td td,
.saGrid .saGridExtraText>td th {
	border: 1px solid #eef1f5;
	padding: .5rem;
	text-align: left
}

.saGrid .saGridExtraText>td a {
	color: #006ebf;
	font-weight: 500
}

.saGrid .saGridExtraText>td p {
	margin: revert
}

.saGrid .saGridExtraText>td ol,
.saGrid .saGridExtraText>td ul {
	list-style: revert;
	margin: revert;
	padding: revert
}

.saGrid .saGridExtraText>td #map img {
	max-width: none
}

.saStandard .saGrid .saGridExtraText>td {
	padding: 0 1.5rem .5rem 1.5rem
}

.saGrid .saGridExtraText>td:first-child {
	padding: 0
}

.saGrid caption {
	position: absolute;
	left: -625rem
}

.saEditable {
	transition: background ease .2s, box-shadow ease .2s;
	cursor: pointer;
	background: #f0ebff
}

@media (pointer:fine) {
	.saEditable:hover:not(.saEdited) {
		background: #ddccff;
		box-shadow: inset 0 0 0 1px #8b4af1
	}

	.saEditable:hover.saCellUserStyle {
		filter: brightness(.85)
	}
}

.saGridExpandButton .inactive {
	opacity: .6
}

.saGridHead {
	position: sticky;
	z-index: 2;
	top: 3.75rem
}

.saStandard .saGridHead {
	top: 4.5rem
}

.saGridHead th {
	color: #333333;
	background: #ebd6f2;
	font-weight: 600;
	box-sizing: border-box;
	border-right: 1px solid #dde3ec;
	border-top: 1px solid #dde3ec;
	border-bottom: 1px solid #dde3ec;
	border-left: none;
	text-align: left;
	padding: 0
}

.saGridHead th.saFirstInColumnGroup {
	border-left: 1px solid #ccd5e2
}

.saGridHead th.saFirstInColumnGroup:first-child {
	border-left: none
}

.saGridHead th.saLastInColumnGroup {
	border-right: 1px solid #ccd5e2
}

.saGridHead th.saLastInColumnGroup+.saFirstInColumnGroup {
	border-left: none
}

.saGridHead th a {
	color: inherit
}

.saGridHead th.saGridFiller {
	background: #fff;
	border: none
}

.saGridHead th.saGridCheckbox {
	padding: 0 .75rem;
	vertical-align: middle
}

.saGridHead th.saHideBorder {
	border-right: none
}

.saGridHead th.saGridSpecialHeader {
	width: fit-content
}

.saGridHead th.center {
	text-align: center
}

.saGridHead th.right {
	text-align: right
}

.saGridHead .saGridColumnGroupRow .saGridHeadingInner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: 100%
}

.saGridHead .saGridColumnGroupRow .saGridHeadingInner .saGridHeadingInner {
	padding: 0 .5rem
}

.saGridHead .saGridHeadingRow th {
	position: relative;
	vertical-align: middle;
	height: 2rem;
	border-collapse: collapse
}

.saStandard .saGridHead .saGridHeadingRow th {
	height: 3rem
}

.saGridHead .saGridHeadingRow th:last-child {
	border-right: none
}

.saGridHead .saGridHeadingRow .saGridHeadingInner {
	padding: 0 .5rem
}

.saStandard .saGridHead .saGridHeadingRow .saGridHeadingInner {
	padding: 0 1.5rem
}

.saGridHead .saGridColumnGroup {
	border-right: 1px solid #ccd5e2;
	border-left: 1px solid #ccd5e2;
	border-top: 1px solid #ccd5e2;
	border-bottom: none;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: center;
	height: 2rem
}

.saGridHead .saGridColumnGroup+.saGridColumnGroup {
	border-left: none
}

.saGridHead .saGridColumnGroup:first-child {
	border-left: none
}

.saGridHead .saGridColumnGroup:last-child {
	border-right: none
}

.saGridWrapper:not(:has(.saGridTop)) .saGridHead .saGridColumnGroup {
	border-top: none
}

.saGridHead .saGridHeadingInner {
	min-width: 0;
	height: 100%;
	display: flex;
	align-items: center;
	gap: .375rem;
	transition: color .1s ease, background-color .1s ease;
	overflow: hidden
}

.saGridHead th:has(.saSorted) {
	background-color: #dcc8e2
}

.saGridHead th:has(.saSorted) .saIcon {
	color: #60748b;
	font-size: 1rem
}

@media (pointer:fine) {
	.saGridHead th:has(.sort):hover {
		background-color: #f6deff;
		color: #50146e
	}

	.saGridHead th:has(.sort):hover .saIcon {
		color: #50146e
	}
}

.saGridHead th:has(.sort):active {
	background-color: #d3b9e7;
	color: #42045f
}

.saGridHead th:has(.sort):active .saIcon {
	color: #42045f
}

.saGridHead .center .saGridHeadingInner {
	justify-content: center
}

.saGridHead .right .saGridHeadingInner {
	justify-content: right
}

.saGridFoot {
	position: sticky;
	z-index: 2;
	bottom: 0
}

.saGridFoot td {
	background: #ebd6f2;
	font-weight: 500;
	border-collapse: collapse;
	border-top: 1px solid #eef1f5;
	height: 2rem
}

.saStandard .saGridFoot td {
	height: 3rem
}

.saGridCell .saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7;
	pointer-events: none
}

.saGridCell .saDestructive .saIcon {
	color: #dd1f26
}

.saGridCell .saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saGridCell .saDestructive:hover {
		color: #fff;
		background: #dd1f26;
		border-color: transparent
	}

	.saGridCell .saDestructive:hover .saIcon {
		color: #fff
	}

	.saGridCell .saDestructive:hover .saBadge {
		background-color: #fff;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saGridCell .saDestructive:active {
	color: #fff;
	background: #ba000b;
	border-color: transparent
}

.saGridCell .saDestructive:active .saIcon {
	color: #fff;
	background-color: #ba000b
}

.saGridCell .saDestructive:active .saBadge {
	background-color: #fff;
	color: #ba000b;
	border-color: #ba000b
}

.saGridCell .saDestructive .saIcon+.saBadge {
	background-color: #dd1f26;
	border-color: #dd1f26
}

.saGridCell .saIcon+.saBadge {
	border: 2px solid #313a44;
	border-radius: 50%;
	color: #fff;
	background: #313a44;
	font-size: .75rem;
	width: .625rem;
	height: .625rem;
	padding: 2px;
	left: -.75rem;
	position: relative
}

.grid:has(.saListGrid) {
	display: flex;
	flex: 1
}

.saListGrid {
	color: #333333;
	width: 100%
}

.saListGrid .saListGridInner {
	height: 100%
}

.saSmallScreenHasTopButtons .saListGrid .saListGridInner {
	height: calc(100% - 6.8125rem)
}

.saListGrid .saGroupHead {
	color: #333333;
	box-sizing: border-box;
	font-size: 1.125rem;
	padding: 1rem 1rem 0 1rem;
	line-height: 1.25rem;
	display: block
}

.saListGrid .saGroupHead .saLinkText {
	font-weight: 600
}

.saListGrid .saRow {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	width: 100%;
	border-bottom: 1px solid #dde3ec;
	overflow-wrap: anywhere
}

.saListGrid .saRow:last-child {
	border-bottom: none
}

.saListGrid .saRow.saOpen {
	padding-bottom: 1.5rem
}

.saListGrid .saRow.saOpen .saExpandButton i {
	transform: rotate(-180deg)
}

.saListGrid .saRow .saExpandButton i {
	transform: rotate(0);
	transition: all .2s ease;
	font-size: 1rem;
	color: #333333
}

.saListGrid .saRowHeading {
	display: flex;
	width: 100%;
	align-items: center;
	-webkit-tap-highlight-color: transparent
}

.saListGrid .saRowHeading:active {
	background: #f8f9fb
}

.saListGrid .saRowHeading:active .saExpandButton i,
.saListGrid .saRowHeading:active .saRowHeadingTextWrapper {
	color: #5d237d
}

.saListGrid .saRowHeading .saCheckbox {
	margin-left: 1rem
}

.saListGrid .saRowHeading .saRowHeadingInner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1;
	gap: .25rem;
	padding: .875rem 1.375rem .875rem 1rem;
	width: 100%;
	min-height: 3rem;
	text-align: left;
	border: none;
	background: 0 0;
	font: inherit;
	color: inherit
}

.saListGrid .saRowHeading .saRowHeadingTextWrapper {
	display: flex;
	flex-direction: column;
	gap: .25rem
}

.saListGrid .saRowHeading .saRowHeadingTextWrapper:active {
	color: #5d237d
}

.saListGrid .saRowHeading .saRowHeadingTextWrapper h1,
.saListGrid .saRowHeading .saRowHeadingTextWrapper h2,
.saListGrid .saRowHeading .saRowHeadingTextWrapper h3,
.saListGrid .saRowHeading .saRowHeadingTextWrapper h4,
.saListGrid .saRowHeading .saRowHeadingTextWrapper h5,
.saListGrid .saRowHeading .saRowHeadingTextWrapper h6 {
	font-size: revert;
	font-weight: revert;
	margin: revert;
	line-height: revert;
	color: revert
}

.saListGrid .saRowHeading .saRowHeadingTextWrapper ol,
.saListGrid .saRowHeading .saRowHeadingTextWrapper ul {
	list-style: revert;
	margin: 0;
	padding: 0 0 0 2.5rem
}

.saListGrid .saRowHeading .saRowHeadingTextWrapper table {
	border-collapse: collapse
}

.saListGrid .saRowHeading .saRowHeadingTextWrapper thead {
	background: #f8f9fb;
	font-weight: 700
}

.saListGrid .saRowHeading .saRowHeadingTextWrapper td,
.saListGrid .saRowHeading .saRowHeadingTextWrapper th {
	border: 1px solid #eef1f5;
	padding: .5rem;
	text-align: left
}

.saListGrid .saRowHeading .saRowHeadingTextWrapper a {
	color: #006ebf;
	font-weight: 500
}

.saListGrid .saRowHeading .saRowHeadingTextWrapper p {
	margin: revert
}

.saListGrid .saRowHeading .saRowHeadingTextWrapper ol,
.saListGrid .saRowHeading .saRowHeadingTextWrapper ul {
	list-style: revert;
	margin: revert;
	padding: revert
}

.saListGrid .saRowHeading .saRowHeadingTextWrapper #map img {
	max-width: none
}

.saListGrid .saRowHeading .saRowHeadingTextWrapper h3 {
	color: inherit;
	font-size: .875rem;
	line-height: 1rem;
	margin-block-start: 0;
	margin-block-end: 0
}

.saListGrid .saRowHeading .saRowHeadingDescription {
	font-size: .75rem;
	line-height: .75rem
}

.saListGrid .saRowBody {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	height: auto;
	font-size: .875rem;
	padding: 0 1rem;
	box-sizing: border-box
}

.saListGrid .saRowBody .saCellLabel {
	font-size: .75rem;
	line-height: .75rem;
	color: #60748b
}

.saListGrid .saRowBody .saCellText h1,
.saListGrid .saRowBody .saCellText h2,
.saListGrid .saRowBody .saCellText h3,
.saListGrid .saRowBody .saCellText h4,
.saListGrid .saRowBody .saCellText h5,
.saListGrid .saRowBody .saCellText h6 {
	font-size: revert;
	font-weight: revert;
	margin: revert;
	line-height: revert;
	color: revert
}

.saListGrid .saRowBody .saCellText ol,
.saListGrid .saRowBody .saCellText ul {
	list-style: revert;
	margin: 0;
	padding: 0 0 0 2.5rem
}

.saListGrid .saRowBody .saCellText table {
	border-collapse: collapse
}

.saListGrid .saRowBody .saCellText thead {
	background: #f8f9fb;
	font-weight: 700
}

.saListGrid .saRowBody .saCellText td,
.saListGrid .saRowBody .saCellText th {
	border: 1px solid #eef1f5;
	padding: .5rem;
	text-align: left
}

.saListGrid .saRowBody .saCellText a {
	color: #006ebf;
	font-weight: 500
}

.saListGrid .saRowBody .saCellText p {
	margin: revert
}

.saListGrid .saRowBody .saCellText ol,
.saListGrid .saRowBody .saCellText ul {
	list-style: revert;
	margin: revert;
	padding: revert
}

.saListGrid .saRowBody .saCellText #map img {
	max-width: none
}

.saListGrid .saActionRow {
	display: flex;
	gap: .5rem;
	justify-content: space-between;
	align-items: center;
	flex-direction: row
}

.saListGrid .saActionRow:empty {
	display: none
}

.saListGrid .saActionRow button {
	flex: 1;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333
}

.saListGrid .saActionRow button .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saListGrid .saActionRow button .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saListGrid .saActionRow button .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saListGrid .saActionRow button .saIcon {
	color: #333333
}

.saListGrid .saActionRow button .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saListGrid .saActionRow button:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saListGrid .saActionRow button:hover .saIcon {
		color: #5d237d
	}

	.saListGrid .saActionRow button:hover .saBadge {
		background-color: #5d237d
	}
}

.saListGrid .saActionRow button:active {
	background: #f6deff
}

.saListGrid .saActionRow button:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saListGrid .saActionRow button.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saListGrid .saActionRow button.saDestructive .saIcon {
	color: #dd1f26
}

.saListGrid .saActionRow button.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saListGrid .saActionRow button.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saListGrid .saActionRow button.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saListGrid .saActionRow button.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saListGrid .saActionRow button.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saListGrid .saActionRow button.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saListGrid .saActionRow button.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saListGrid .saActionRow button.saListGridMoreButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saListGrid .saActionRow button.saListGridMoreButton:active {
	border-radius: .75rem
}

.saListGrid .saActionRow button.saListGridRowLink {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem;
	min-width: fit-content
}

.saListGrid .saActionRow button.saListGridRowLink:active {
	border-radius: .75rem
}

.saListGrid .saActionRow button.saListGridRowLink .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saListGrid .saActionRow button:disabled {
	background: #eef1f5;
	pointer-events: none;
	color: #60748b;
	border: none
}

.saListGrid .saLink {
	color: #006ebf
}

.saListGrid .systemicon {
	margin-right: .5rem
}

.saListGrid .systemicon i {
	top: unset
}

.saListGrid .saInfoIndicator {
	display: none
}

.saNotificationsWrapper {
	position: absolute;
	height: 100%;
	animation-duration: 250ms;
	animation-name: drawerslidein;
	animation-timing-function: ease-out
}

.saNotificationsWrapper:focus {
	outline: 0
}

.saNotificationsWrapper.saSlideout {
	animation-duration: 125ms;
	animation-name: drawerslideout
}

.saNotificationsWrapper .saNotificationsInner {
	display: flex;
	position: absolute;
	top: 0;
	flex-direction: column;
	background: #fff;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	padding: 1rem;
	box-sizing: border-box;
	box-shadow: 0 0 2rem rgba(49, 58, 68, .07)
}

.saNotificationsWrapper .saNotificationList {
	display: flex;
	flex-direction: column
}

.saNotificationsWrapper .saNotificationsHeading {
	position: sticky;
	top: 0;
	z-index: 2;
	font-weight: 500;
	margin-bottom: -.25rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center
}

.saNotificationsWrapper .saNotificationsHeading::before {
	content: '';
	position: absolute;
	width: calc(100% + 4rem);
	top: -1.5rem;
	left: -1.5rem;
	height: 4.5rem;
	flex-basis: 100%;
	background: #fff;
	z-index: -1
}

.saNotificationsWrapper .saNotificationsHeading h3 {
	color: #333333
}

.saNotificationsWrapper .saCloseModal {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem;
	color: #5d237d;
	background: 0 0;
	font-size: 1.25rem
}

.saNotificationsWrapper .saCloseModal .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saNotificationsWrapper .saCloseModal .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saNotificationsWrapper .saCloseModal .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saNotificationsWrapper .saCloseModal:active {
	border-radius: .75rem
}

.saNotificationsWrapper .saCloseModal .saIcon {
	color: #333333
}

.saNotificationsWrapper .saCloseModal.saDestructive {
	color: #dd1f26
}

.saNotificationsWrapper .saCloseModal.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saNotificationsWrapper .saCloseModal.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saNotificationsWrapper .saCloseModal.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saNotificationsWrapper .saCloseModal.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saNotificationsWrapper .saCloseModal.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saNotificationsWrapper .saCloseModal:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saNotificationsWrapper .saCloseModal:hover .saIcon {
		color: #5d237d
	}
}

.saNotificationsWrapper .saCloseModal:active {
	background-color: #f6deff;
	color: #50146e
}

.saNotificationsWrapper .saCloseModal:active .saIcon {
	color: #50146e
}

.saNotificationsWrapper .saCloseModal.saDisabled,
.saNotificationsWrapper .saCloseModal:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saNotificationsWrapper .saCloseModal.saDisabled .saIcon,
.saNotificationsWrapper .saCloseModal:disabled .saIcon {
	color: #adbdd1
}

.saNotificationsWrapper .saCloseModal::after {
	content: '';
	height: 3.5rem;
	width: 3.5rem;
	position: absolute;
	top: -1rem;
	right: -1rem
}

.saNotificationsWrapper .saClearAll {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	width: fit-content;
	padding: .5rem;
	border-radius: .5rem
}

.saNotificationsWrapper .saClearAll .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saNotificationsWrapper .saClearAll .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saNotificationsWrapper .saClearAll .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saNotificationsWrapper .saClearAll .saIcon {
	color: #333333
}

.saNotificationsWrapper .saClearAll.saDestructive {
	color: #dd1f26
}

.saNotificationsWrapper .saClearAll.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saNotificationsWrapper .saClearAll.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saNotificationsWrapper .saClearAll.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saNotificationsWrapper .saClearAll.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saNotificationsWrapper .saClearAll.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saNotificationsWrapper .saClearAll:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saNotificationsWrapper .saClearAll:hover .saIcon {
		color: #5d237d
	}
}

.saNotificationsWrapper .saClearAll:active {
	background-color: #f6deff;
	color: #50146e
}

.saNotificationsWrapper .saClearAll:active .saIcon {
	color: #50146e
}

.saNotificationsWrapper .saClearAll.saDisabled,
.saNotificationsWrapper .saClearAll:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saNotificationsWrapper .saClearAll.saDisabled .saIcon,
.saNotificationsWrapper .saClearAll:disabled .saIcon {
	color: #adbdd1
}

.saNotificationsWrapper .saNotificationWrapper {
	position: relative
}

.saNotificationsWrapper .saNotification {
	position: relative;
	display: flex;
	flex-direction: column;
	transition: all .2s ease;
	background: #fff;
	border: 1px solid #dde3ec
}

.saNotificationsWrapper .saNotification.saActive {
	cursor: pointer
}

@media (pointer:fine) {
	.saNotificationsWrapper .saNotification.saActive:hover {
		border: 1px solid #5d237d;
		background: #fcf7ff
	}

	.saNotificationsWrapper .saNotification.saActive:hover .saNotificationText {
		color: #5d237d
	}
}

.saNotificationsWrapper .saNotification.saActive:active {
	background: #f6deff
}

.saNotificationsWrapper .saDismissButton {
	position: absolute;
	right: 0;
	top: 0;
	color: #60748b;
	background-color: transparent;
	font-weight: 400;
	transition: all .2s ease;
	width: fit-content;
	cursor: pointer;
	font-size: .75rem;
	line-height: .75rem;
	padding: .25rem .375rem;
	border-radius: .25rem;
	margin: .25rem
}

@media (pointer:fine) {
	.saNotificationsWrapper .saDismissButton:hover {
		color: #e0173e;
		background: #ffe8e7
	}
}

.saNotificationsWrapper .saDismissButton:active {
	color: #fff;
	background: #e0173e;
	border-radius: .375rem
}

.saNotificationsWrapper .saNotificationText {
	color: #333333;
	word-break: break-word
}

.saNotificationsWrapper p {
	font-size: .875rem;
	line-height: 1rem;
	font-weight: 400;
	color: #60748b
}

.saNotificationsWrapper .saNotificationExtraText {
	font-weight: 400;
	font-size: .75rem;
	color: #60748b;
	margin-bottom: -.5rem
}

.saNotificationsWrapper .saNotificationTime {
	font-weight: 400;
	font-size: .625rem;
	color: #60748b
}

.saStandard .saNotificationsWrapper .saNotificationsInner {
	gap: 1rem;
	width: 25rem
}

.saStandard .saNotificationsWrapper .saNotificationList {
	gap: 1rem
}

.saStandard .saNotificationsWrapper .saClearAll {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saStandard .saNotificationsWrapper .saClearAll:active {
	border-radius: .75rem
}

.saStandard .saNotificationsWrapper .saClearAll .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saStandard .saNotificationsWrapper .saNotification {
	gap: .5rem;
	border-radius: .5rem;
	padding: 1rem 3rem 1rem 1rem
}

.saStandard .saNotificationsWrapper .saNotificationHeading {
	font-size: 1rem
}

.saCompact .saNotificationsWrapper .saNotificationsInner {
	gap: .5rem;
	width: 25rem
}

.saCompact .saNotificationsWrapper .saNotificationsInner .saNotificationsHeading::before {
	content: '';
	height: 4rem
}

.saCompact .saNotificationsWrapper .saNotificationList {
	gap: .5rem
}

.saCompact .saNotificationsWrapper .saClearAll {
	gap: .5rem;
	height: 1.5rem;
	padding: .5rem;
	font-size: .75rem;
	border-radius: .25rem
}

.saCompact .saNotificationsWrapper .saClearAll:active {
	border-radius: .75rem
}

.saCompact .saNotificationsWrapper .saNotification {
	gap: .5rem;
	border-radius: .5rem;
	padding: .5rem 3rem .5rem .5rem
}

.saCompact .saNotificationsWrapper .saNotificationHeading {
	font-size: .75rem
}

.saSmallScreen .saNotificationsWrapper,
.saSmallscreensidebar .saNotificationsWrapper {
	position: relative
}

.saSmallScreen .saNotificationsWrapper .saNotificationsInner,
.saSmallscreensidebar .saNotificationsWrapper .saNotificationsInner {
	gap: 1rem;
	width: 100%;
	border-left: none
}

.saSmallScreen .saNotificationsWrapper .saNotificationList,
.saSmallscreensidebar .saNotificationsWrapper .saNotificationList {
	gap: 1rem
}

.saSmallScreen .saNotificationsWrapper .saClearAll,
.saSmallscreensidebar .saNotificationsWrapper .saClearAll {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saSmallScreen .saNotificationsWrapper .saClearAll:active,
.saSmallscreensidebar .saNotificationsWrapper .saClearAll:active {
	border-radius: .75rem
}

.saSmallScreen .saNotificationsWrapper .saClearAll .saIcon,
.saSmallscreensidebar .saNotificationsWrapper .saClearAll .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saNotificationsWrapper .saClearAll::after,
.saSmallscreensidebar .saNotificationsWrapper .saClearAll::after {
	content: '';
	height: 2.75rem;
	width: 100%;
	position: absolute;
	left: 0;
	top: -.5rem
}

.saSmallScreen .saNotificationsWrapper .saDismissButton::after,
.saSmallscreensidebar .saNotificationsWrapper .saDismissButton::after {
	content: '';
	height: 2.75rem;
	width: 100%;
	position: absolute;
	left: 0;
	top: -.75rem
}

.saSmallScreen .saNotificationsWrapper .saNotification,
.saSmallscreensidebar .saNotificationsWrapper .saNotification {
	gap: .5rem;
	border-radius: .5rem;
	padding: 1rem 2.5rem 1rem 1rem
}

.saSmallScreen .saNotificationsWrapper .saNotificationHeading,
.saSmallscreensidebar .saNotificationsWrapper .saNotificationHeading {
	font-size: 1rem
}

@keyframes drawerslidein {
	from {
		left: -25rem
	}

	to {
		left: 0
	}
}

@keyframes drawerslideout {
	from {
		left: 0
	}

	to {
		left: -25rem
	}
}

.saLargeScreen .saSideBarOuter form:first-child {
	height: 100%
}

.saAside {
	height: 100%;
	box-sizing: border-box
}

.saAside * {
	box-sizing: border-box
}

.saSmallScreen .saAside {
	height: auto
}

.saSideBar {
	display: flex;
	flex-direction: column;
	width: 16.5rem;
	height: 100%;
	position: relative;
	font-size: .875rem;
	color: #333333;
	transition: ease width .2s;
	interpolate-size: allow-keywords
}

.saSideBar .saSideBarSection {
	margin-bottom: .5rem
}

.saLargeScreen .saSideBar.saMinimized {
	width: 3rem
}

.saLargeScreen .saSideBar.saMinimized .saHideWhenMinimized {
	display: none
}

.saSmallScreen .saSideBar {
	width: 100%;
	height: auto
}

.saSmallScreen .saSideBar .saSideBarSection {
	margin-bottom: 1rem
}

.saSideBar .saIcon {
	color: #333333;
	font-size: 1rem;
	min-width: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	--fa-secondary-opacity: 0
}

.saSideBar .saBadgeCount {
	position: absolute;
	top: 0;
	right: 0
}

.saSideBar .saBadgeCount .saBadgeCount {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	box-sizing: border-box;
	min-width: 1rem;
	color: #333333;
	background-color: #e5e2db;
	border-radius: .75rem;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem;
	transition: ease background-color .2s;
	white-space: nowrap;
	flex-shrink: 0
}

.saSideBar .saBadgeCount .saBadgeCount.saUrgent {
	color: #fff;
	background-color: #e0173e
}

.saSideBar ul {
	display: flex;
	flex-direction: column
}

.saSideBar .saCustomerLogo {
	margin-top: 1rem;
	margin-bottom: .5rem;
	max-width: 14.5rem;
	max-height: 7rem
}

.saLargeScreen .saMinimized.saSideBar .saCustomerLogo {
	max-width: 2rem;
	max-height: 2rem;
	width: auto;
	height: auto
}

.saSideBar .saSideBarHeader {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	align-items: center
}

.saSideBar .saSideBarInputGroup {
	width: 100%;
	gap: .5rem
}

.saSideBar .saSideBarBody {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	overflow-y: hidden;
	overflow-x: hidden;
	flex: 0 1 auto;
	max-height: 100%;
	width: 100%;
	height: 100%
}

.saSideBar .saSideBarBody:focus-within,
.saSideBar .saSideBarBody:hover {
	overflow-y: auto
}

.saLargeScreen .saMinimized.saSideBar .saSideBarBody:focus-within,
.saLargeScreen .saMinimized.saSideBar .saSideBarBody:hover {
	width: 4rem;
	scrollbar-gutter: stable
}

.saSmallScreen .saSideBar .saSideBarBody {
	overflow-y: auto;
	max-height: unset
}

.saSideBar .saSideBarBody h3 {
	font-size: .75rem;
	line-height: 1;
	color: #60748b;
	font-weight: 400;
	padding: 0 .5rem .25rem .75rem;
	overflow-wrap: anywhere
}

.saSmallScreen .saSideBar .saSideBarBody h3 {
	padding: 0 .5rem .5rem 1rem
}

.saLargeScreen .saMinimized.saSideBar .saSideBarBody h3 {
	padding: 0;
	opacity: 0;
	position: absolute;
	height: 0;
	pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.saSideBar .saSideBarFavorites {
	display: flex;
	flex-direction: column;
	gap: .25rem
}

.saSmallScreen .saSideBar .saSideBarFavorites {
	gap: 0
}

@media (pointer:fine) {
	.saSideBar .saSideBarFavorites:hover .saButtonFavoritesEdit {
		opacity: 1
	}
}

.saSideBar .saSideBarFavorites:has(:focus-visible) .saButtonFavoritesEdit {
	opacity: 1
}

.saSideBar .saSideBarFavoritesHeader {
	display: flex;
	align-items: end
}

.saSideBar .saButtonFavorites,
.saSideBar .saButtonFavoritesMinimized {
	display: flex;
	align-items: center;
	gap: .25rem;
	font-size: .75rem;
	line-height: 1;
	color: #60748b;
	font-weight: 400;
	padding: 1rem .5rem .25rem .75rem;
	overflow-wrap: anywhere;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	background-color: transparent
}

.saSmallScreen .saSideBar .saButtonFavorites,
.saSmallScreen .saSideBar .saButtonFavoritesMinimized {
	min-height: 2.75rem;
	padding-left: 1rem
}

.saSideBar .saButtonFavoritesMinimized[aria-expanded=true] .saIcon,
.saSideBar .saButtonFavorites[aria-expanded=true] .saIcon {
	transform: rotate(-180deg)
}

.saLargeScreen .saMinimized.saSideBar .saButtonFavorites,
.saLargeScreen .saMinimized.saSideBar .saButtonFavoritesMinimized {
	align-items: center;
	justify-content: center;
	height: 2rem;
	padding: 0;
	width: 100%
}

.saLargeScreen .saMinimized.saSideBar .saButtonFavorites .saIcon,
.saLargeScreen .saMinimized.saSideBar .saButtonFavoritesMinimized .saIcon {
	height: 2rem;
	width: 2rem;
	border-radius: .5rem;
	font-size: 1rem
}

@media (pointer:fine) {

	.saLargeScreen .saMinimized.saSideBar .saButtonFavorites:hover .saIcon,
	.saLargeScreen .saMinimized.saSideBar .saButtonFavoritesMinimized:hover .saIcon {
		background-color: #fcf7ff
	}
}

.saLargeScreen .saMinimized.saSideBar .saButtonFavorites:active .saIcon,
.saLargeScreen .saMinimized.saSideBar .saButtonFavoritesMinimized:active .saIcon {
	background-color: #f6deff;
	border-radius: .75rem
}

.saLargeScreen .saMinimized.saSideBar .saButtonFavorites span,
.saLargeScreen .saMinimized.saSideBar .saButtonFavoritesMinimized span {
	display: none
}

.saSideBar .saButtonFavorites .saIcon,
.saSideBar .saButtonFavoritesMinimized .saIcon {
	font-size: .75rem;
	min-width: auto;
	color: inherit
}

@media (pointer:fine) {

	.saSideBar .saButtonFavorites:hover,
	.saSideBar .saButtonFavoritesMinimized:hover {
		color: #5d237d
	}
}

.saSideBar .saButtonFavorites:active,
.saSideBar .saButtonFavoritesMinimized:active {
	color: #50146e
}

.saLargeScreen .saMinimized.saSideBar .saButtonFavorites {
	display: none
}

.saLargeScreen .saExpanded.saSideBar .saButtonFavoritesMinimized,
.saSmallScreen .saSideBar .saButtonFavoritesMinimized {
	display: none
}

.saSideBar .saButtonFavoritesEdit {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	gap: .5rem;
	height: 1.5rem;
	padding: .5rem;
	font-size: .75rem;
	border-radius: .25rem;
	opacity: 0;
	margin-left: auto;
	position: relative;
	bottom: -.125rem;
	right: .25rem
}

.saSideBar .saButtonFavoritesEdit .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saSideBar .saButtonFavoritesEdit .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saSideBar .saButtonFavoritesEdit .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saSideBar .saButtonFavoritesEdit .saIcon {
	color: #333333
}

.saSideBar .saButtonFavoritesEdit.saDestructive {
	color: #dd1f26
}

.saSideBar .saButtonFavoritesEdit.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saSideBar .saButtonFavoritesEdit.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saSideBar .saButtonFavoritesEdit.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saSideBar .saButtonFavoritesEdit.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saSideBar .saButtonFavoritesEdit.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saSideBar .saButtonFavoritesEdit:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saSideBar .saButtonFavoritesEdit:hover .saIcon {
		color: #5d237d
	}
}

.saSideBar .saButtonFavoritesEdit:active {
	background-color: #f6deff;
	color: #50146e
}

.saSideBar .saButtonFavoritesEdit:active .saIcon {
	color: #50146e
}

.saSideBar .saButtonFavoritesEdit.saDisabled,
.saSideBar .saButtonFavoritesEdit:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saSideBar .saButtonFavoritesEdit.saDisabled .saIcon,
.saSideBar .saButtonFavoritesEdit:disabled .saIcon {
	color: #adbdd1
}

.saSideBar .saButtonFavoritesEdit:active {
	border-radius: .75rem
}

.saLargeScreen .saMinimized.saSideBar .saButtonFavoritesEdit {
	display: none
}

.saSmallScreen .saSideBar .saButtonFavoritesEdit {
	height: 2.75rem;
	min-width: 2.75rem;
	opacity: 1;
	margin-right: .5rem
}

.saSideBar .saButtonFavoritesEdit .saIcon {
	font-size: .75rem;
	min-width: auto
}

.saSideBar .saSideBarGroup {
	padding-top: 1rem
}

.saSideBar .saSideBarGroup:first-child.saSideBarFavorites {
	padding: 0
}

.saSmallScreen .saSideBar .saSideBarGroup:not(:first-child) {
	padding-top: 1.5rem
}

.saSideBar .saItemList .saItem {
	text-decoration: none;
	color: #333333;
	display: flex;
	align-items: center;
	padding: 0 .5rem;
	text-wrap: pretty
}

.saSideBar .saItemList .saItem.saFavorite .saIconWrapper {
	display: flex;
	justify-content: center;
	min-width: 1.5rem;
	height: 1.5rem;
	border-radius: .375rem;
	margin: 0 .25rem;
	background-color: #f8f9fb;
	box-shadow: 0 0 0 1px #ccd5e2;
	transition: ease background-color .2s, ease box-shadow .2s
}

.saSmallScreen .saSideBar .saItemList .saItem.saFavorite .saIconWrapper {
	margin: 0 .5rem;
	min-width: 1.5rem
}

.saSideBar .saItemList .saItem.saFavorite .saIcon {
	color: #7088a4;
	min-width: 1.5rem
}

.saSmallScreen .saSideBar .saItemList .saItem .saIconWrapper {
	min-width: 2.5rem
}

.saLargeScreen .saMinimized.saSideBar .saItemList .saItem {
	justify-content: center;
	padding: 0
}

@media (pointer:fine) {
	.saSideBar .saItemList .saItem:hover {
		color: #5d237d
	}

	.saSideBar .saItemList .saItem:hover .saItemInner {
		background-color: #fcf7ff
	}

	.saSideBar .saItemList .saItem:hover .saIcon {
		color: #5d237d;
		box-shadow: none;
		--fa-secondary-opacity: 0.2
	}

	.saSideBar .saItemList .saItem:hover.saFavorite .saIconWrapper {
		background-color: transparent;
		box-shadow: none
	}
}

.saSideBar .saItemList .saItem:active {
	color: #50146e
}

.saSideBar .saItemList .saItem:active .saItemInner {
	background-color: #f6deff;
	border-radius: .75rem
}

.saSideBar .saItemList .saItem:active .saIcon {
	color: #50146e;
	box-shadow: none;
	--fa-secondary-opacity: 0.3
}

.saSideBar .saItemList .saItem:active.saFavorite .saIconWrapper {
	background-color: transparent;
	box-shadow: none
}

.saSideBar .saItemList .saItemInner {
	display: inline-flex;
	align-items: center;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	padding: .25rem 0;
	min-height: 2rem;
	position: relative;
	width: 100%;
	border-radius: .5rem
}

.saSmallScreen .saSideBar .saItemList .saItemInner {
	min-height: 2.75rem;
	padding: .5rem 0
}

.saLargeScreen .saMinimized.saSideBar .saItemList .saItemInner {
	justify-content: center;
	max-width: 2rem
}

.saSideBar .saItemList .saItemInner span {
	overflow: hidden;
	overflow-wrap: break-word;
	line-height: 1.125rem;
	margin-left: .25rem
}

.saLargeScreen .saMinimized.saSideBar .saItemList .saItemInner span {
	display: none
}

.saSideBar .saItemList .saItemIcon {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 2rem
}

.saSideBar .saSideBarFavorites .saItemList {
	transition: ease height .2s, ease opacity .2s, ease visibility .2s;
	overflow: hidden
}

.saSideBar .saClosed .saItemList {
	height: 0;
	opacity: 0;
	visibility: hidden
}

.saSideBar .saSideBarFooter {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	margin-top: auto;
	margin-bottom: 0 !important
}

.saSmallScreen .saSideBar .saSideBarFooter {
	padding-top: 1rem;
	border-top: 1px solid #ccd5e2
}

.saSmallScreen .saSideBar .saSideBarFooter .saHelpBadge {
	left: 1.25rem;
	top: .375rem;
	right: auto
}

.saSideBar .saSideBarFooter .saListItem {
	position: relative
}

.saSideBar .saSideBarFooter .saListItem .saContextMenu {
	left: .5rem
}

.saSideBar .saSideBarFooter .saListItem .saContextMenu .saContextMenuItem {
	padding: 0
}

.saSideBar ul.saSideBarToolbar {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0 .5rem
}

.saSideBar ul.saSideBarToolbar button {
	position: relative;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saSideBar ul.saSideBarToolbar button .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saSideBar ul.saSideBarToolbar button .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saSideBar ul.saSideBarToolbar button .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saSideBar ul.saSideBarToolbar button .saIcon {
	color: #333333
}

.saSideBar ul.saSideBarToolbar button.saDestructive {
	color: #dd1f26
}

.saSideBar ul.saSideBarToolbar button.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saSideBar ul.saSideBarToolbar button.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saSideBar ul.saSideBarToolbar button.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saSideBar ul.saSideBarToolbar button.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saSideBar ul.saSideBarToolbar button.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saSideBar ul.saSideBarToolbar button:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saSideBar ul.saSideBarToolbar button:hover .saIcon {
		color: #5d237d
	}
}

.saSideBar ul.saSideBarToolbar button:active {
	background-color: #f6deff;
	color: #50146e
}

.saSideBar ul.saSideBarToolbar button:active .saIcon {
	color: #50146e
}

.saSideBar ul.saSideBarToolbar button.saDisabled,
.saSideBar ul.saSideBarToolbar button:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saSideBar ul.saSideBarToolbar button.saDisabled .saIcon,
.saSideBar ul.saSideBarToolbar button:disabled .saIcon {
	color: #adbdd1
}

.saSideBar ul.saSideBarToolbar button:active {
	border-radius: .75rem
}

.saSideBar ul.saSideBarToolbar button .saBadgeCount {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	box-sizing: border-box;
	min-width: 1rem;
	color: #333333;
	background-color: #e5e2db;
	border-radius: .75rem;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem;
	transition: ease background-color .2s;
	white-space: nowrap;
	flex-shrink: 0
}

.saSideBar ul.saSideBarToolbar button .saBadgeCount.saUrgent {
	color: #fff;
	background-color: #e0173e
}

.saSideBar ul.saSideBarToolbar button .saBadge {
	position: absolute;
	top: 0;
	right: 0
}

.saSideBar ul.saSideBarToolbar button span {
	display: none
}

.saSideBar ul.saSideBarToolbar button .saBadgeCount {
	color: #fff
}

.saSideBar ul.saSideBarToolbar button .saBadgeCount.saPresent {
	background-color: #2d6ce1
}

.saSideBar ul.saSideBarToolbar button .saBadgeCount.saPush {
	background-color: #e0173e
}

.saSideBar ul.saSideBarToolbar .saNotificationsItem .saBadgeCount {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	box-sizing: border-box;
	min-width: 1rem;
	color: #333333;
	background-color: #e5e2db;
	border-radius: .75rem;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem;
	transition: ease background-color .2s;
	white-space: nowrap;
	flex-shrink: 0
}

.saSideBar ul.saSideBarToolbar .saNotificationsItem .saBadgeCount.saUrgent {
	color: #fff;
	background-color: #e0173e
}

.saSideBar ul.saSideBarToolbar .saNotificationsItem .saBadgeCount.saEmpty {
	display: none
}

.saMinimized.saSideBar ul.saSideBarToolbar {
	flex-direction: column
}

.saSmallScreen .saSideBar ul.saSideBarToolbar {
	flex-direction: column;
	align-items: center
}

.saSmallScreen .saSideBar ul.saSideBarToolbar li {
	width: 100%
}

.saSmallScreen .saSideBar ul.saSideBarToolbar button {
	max-width: none;
	width: 100%;
	min-height: 2.75rem;
	padding: .5rem 0;
	justify-content: start;
	text-wrap: pretty
}

.saSmallScreen .saSideBar ul.saSideBarToolbar span {
	display: block;
	text-decoration: none;
	text-align: left;
	color: #333333;
	font-size: .875rem;
	line-height: 1.125rem
}

.saSmallScreen .saSideBar ul.saSideBarToolbar .saIcon {
	min-width: 2.5rem
}

.saSmallScreen .saSideBar ul.saSideBarToolbar .saNotificationsItem {
	display: none
}

.saSideBar .saAccountDropdown {
	display: flex;
	padding: 0 .5rem;
	height: 2rem;
	align-items: center;
	background-color: transparent;
	width: 100%
}

@media (pointer:fine) {
	.saSideBar .saAccountDropdown:hover {
		color: #5d237d
	}

	.saSideBar .saAccountDropdown:hover .saAccountAvatar {
		box-shadow: 0 0 0 2px #5d237d
	}

	.saSideBar .saAccountDropdown:hover .saAccountName,
	.saSideBar .saAccountDropdown:hover .saIcon {
		color: inherit
	}
}

.saSideBar .saAccountDropdown:active {
	color: #50146e
}

.saSideBar .saAccountDropdown:active .saAccountAvatar {
	box-shadow: 0 0 0 2px #50146e
}

.saSideBar .saAccountDropdown:active .saAccountName,
.saSideBar .saAccountDropdown:active .saIcon {
	color: inherit
}

.saSideBar .saAccountDropdown.saOpen {
	color: #5d237d
}

.saSideBar .saAccountDropdown.saOpen .saAccountAvatar {
	box-shadow: 0 0 0 2px #50146e
}

.saSideBar .saAccountDropdown.saOpen .saIcon {
	color: inherit;
	transform: rotate(-180deg)
}

.saSmallScreen .saSideBar .saAccountDropdown {
	height: 2.75rem;
	padding: 0 .75rem
}

.saSideBar .saAccountDropdown .saIcon {
	margin-left: auto;
	min-width: 2rem
}

.saLargeScreen .saMinimized.saSideBar .saAccountDropdown .saIcon {
	display: none
}

.saSideBar .saAccountAvatar {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1.5rem;
	aspect-ratio: 1;
	background-color: #f6deff;
	color: #50146e;
	font-weight: 500;
	font-size: .75rem;
	line-height: 1;
	border-radius: 99rem;
	transition: ease opacity .2s, ease box-shadow .2s;
	margin: 0 .25rem;
	box-shadow: 0 0 0 1px #d3b9e7
}

.saSideBar .saAccountName {
	text-align: left;
	margin-left: .25rem;
	font-size: .875rem;
	line-height: 1;
	color: #333333;
	font-weight: 500;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.saLargeScreen .saMinimized.saSideBar .saAccountName {
	display: none
}

.saSmallScreen .saSideBar .saAccountName {
	margin-left: .5rem
}

.saSideBar .saExpander {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saSideBar .saExpander .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saSideBar .saExpander .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saSideBar .saExpander .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saSideBar .saExpander .saIcon {
	color: #333333
}

.saSideBar .saExpander .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saSideBar .saExpander:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saSideBar .saExpander:hover .saIcon {
		color: #5d237d
	}

	.saSideBar .saExpander:hover .saBadge {
		background-color: #5d237d
	}
}

.saSideBar .saExpander:active {
	background: #f6deff
}

.saSideBar .saExpander:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saSideBar .saExpander.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saSideBar .saExpander.saDestructive .saIcon {
	color: #dd1f26
}

.saSideBar .saExpander.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saSideBar .saExpander.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saSideBar .saExpander.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saSideBar .saExpander.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saSideBar .saExpander.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saSideBar .saExpander.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saSideBar .saExpander.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saSideBar .saExpander:active {
	border-radius: .75rem
}

.saMinimized.saSideBar .saExpander .saIcon {
	transform: rotate(180deg)
}

.saSideBar .saExpander::after {
	content: '';
	position: absolute;
	height: 3rem;
	width: 3rem
}

.saSmallScreen .saSideBar .saExpander {
	display: none
}

.saSideBar .saSideBarFooterPrimary {
	display: flex;
	flex-direction: column;
	gap: .5rem
}

.saSideBar .saSideBarFooterSecondary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0 .5rem .5rem .5rem;
	gap: .5rem
}

.saMinimized.saSideBar .saSideBarFooterSecondary {
	flex-direction: column
}

.saSmallScreen .saSideBar .saSideBarFooterSecondary {
	justify-content: center;
	padding-bottom: 2.5rem
}

.saSideBar .saSoftadminLogo {
	display: flex
}

.saMinimized.saSideBar .saSoftadminLogo {
	order: 1;
	margin-top: .5rem
}

.saSideBar .saLogo {
	height: 2rem;
	width: 2rem;
	transition: ease width .2s, ease height .2s
}

.saLargeScreen .saMinimized.saSideBar .saLogo {
	height: 1.5rem;
	width: 1.5rem
}

.saSideBar .saWordmark {
	height: 2rem;
	width: 7rem;
	transition: ease width .2s, ease height .2s, display .2s
}

.saLargeScreen .saMinimized.saSideBar .saWordmark {
	height: 0;
	width: 0;
	display: none
}

.saSideBar .saSideBarSearch {
	display: flex;
	position: relative;
	height: 2rem;
	width: 100%;
	padding: 0 .5rem;
	cursor: text
}

.saSmallScreen .saSideBar .saSideBarSearch {
	height: 2.75rem;
	padding: 0 1rem
}

.saLargeScreen .saMinimized.saSideBar .saSideBarSearch {
	display: none
}

.saSideBar .saSideBarSearch input {
	width: 100%;
	padding: 0 .625rem 0 2rem;
	border-radius: .5rem;
	border: 1px solid #ccd5e2;
	transition: width .2s ease;
	background-color: #fff
}

.saSideBar .saSideBarSearch input::placeholder {
	color: #333333
}

.saSmallScreen .saSideBar .saSideBarSearch input {
	padding: 0 .625rem 0 2.5rem;
	font-size: 1rem
}

@media (pointer:fine) {
	.saSideBar .saSideBarSearch:hover input {
		outline: 1px solid #5d237d;
		outline-offset: -1px
	}

	.saSideBar .saSideBarSearch:hover .saIcon {
		color: #5d237d
	}
}

.saSideBar .saSideBarSearch:focus-within input {
	outline: 2px solid #5d237d;
	outline-offset: -2px
}

.saSideBar .saSideBarSearch:focus-within .saIcon {
	color: #5d237d
}

.saSideBar .saSideBarSearch .saIcon {
	position: absolute;
	top: 0;
	left: 0;
	height: 2rem;
	width: 3rem;
	font-size: 1rem;
	pointer-events: none
}

.saSmallScreen .saSideBar .saSideBarSearch .saIcon {
	left: .5rem;
	height: 2.75rem;
	width: 3.5rem;
	font-size: 1rem
}

.saSideBar .saSideBarSearchLink {
	display: none;
	padding: .5rem;
	width: 2rem;
	outline: 1px solid #ccd5e2;
	outline-offset: -1px;
	border-radius: .5rem;
	justify-content: center;
	align-items: center;
	margin: auto;
	cursor: pointer;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

@media (pointer:fine) {
	.saSideBar .saSideBarSearchLink:hover {
		color: #5d237d;
		background-color: #fcf7ff;
		outline-color: #5d237d
	}

	.saSideBar .saSideBarSearchLink:hover .saIcon {
		color: inherit
	}
}

.saSideBar .saSideBarSearchLink:focus-within {
	color: #5d237d;
	background-color: #fcf7ff;
	outline: 2px solid #5d237d;
	outline-offset: -2px
}

.saSideBar .saSideBarSearchLink:focus-within .saIcon {
	color: inherit
}

.saSideBar .saSideBarSearchLink:active {
	color: #50146e;
	background-color: #f6deff;
	outline-color: var(--Sa-Color-Primar700);
	border-radius: .75rem
}

.saSideBar .saSideBarSearchLink:active .saIcon {
	color: inherit
}

.saLargeScreen .saMinimized.saSideBar .saSideBarSearchLink {
	display: flex
}

.saSideBar .saMenuDropdowns {
	display: flex;
	flex-direction: column;
	gap: .5rem
}

.saSideBar .saImpersonator,
.saSideBar .saMenuDropdown {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 .5rem;
	position: relative;
	width: 100%
}

@media (pointer:fine) {

	.saSideBar .saImpersonator:hover .saFirstLetter,
	.saSideBar .saImpersonator:hover .saTrailing,
	.saSideBar .saMenuDropdown:hover .saFirstLetter,
	.saSideBar .saMenuDropdown:hover .saTrailing {
		color: #5d237d
	}
}

.saSideBar .saImpersonator:focus-within .saFirstLetter,
.saSideBar .saImpersonator:focus-within .saTrailing,
.saSideBar .saMenuDropdown:focus-within .saFirstLetter,
.saSideBar .saMenuDropdown:focus-within .saTrailing {
	color: #5d237d
}

.saLargeScreen .saMinimized.saSideBar .saImpersonator,
.saLargeScreen .saMinimized.saSideBar .saMenuDropdown {
	padding: 0
}

.saSmallScreen .saSideBar .saImpersonator,
.saSmallScreen .saSideBar .saMenuDropdown {
	padding: 0 1rem
}

.saSideBar .saImpersonator .saLabel,
.saSideBar .saMenuDropdown .saLabel {
	position: absolute;
	top: .25rem;
	left: 1rem;
	font-size: .75rem;
	line-height: 1;
	color: #60748b;
	pointer-events: none
}

.saLargeScreen .saMinimized.saSideBar .saImpersonator .saLabel,
.saLargeScreen .saMinimized.saSideBar .saMenuDropdown .saLabel {
	display: none
}

.saSmallScreen .saSideBar .saImpersonator .saLabel,
.saSmallScreen .saSideBar .saMenuDropdown .saLabel {
	top: .5rem;
	left: 1.625rem
}

.saSideBar .saImpersonator .saTrailing,
.saSideBar .saMenuDropdown .saTrailing {
	position: absolute;
	right: .5rem;
	height: 2rem;
	width: 2rem;
	font-size: 1rem;
	pointer-events: none
}

.saSmallScreen .saSideBar .saImpersonator .saTrailing,
.saSmallScreen .saSideBar .saMenuDropdown .saTrailing {
	height: 2.75rem;
	width: 2.75rem;
	right: 1rem
}

.saLargeScreen .saMinimized.saSideBar .saImpersonator .saTrailing,
.saLargeScreen .saMinimized.saSideBar .saMenuDropdown .saTrailing {
	display: none
}

.saSideBar .saImpersonator button,
.saSideBar .saMenuDropdown button {
	display: flex;
	justify-content: center;
	align-items: center;
	appearance: none;
	position: absolute;
	right: .625rem;
	height: 1.75rem;
	width: 1.75rem;
	border: 2px solid #fff;
	border-radius: .375rem;
	font-size: 1rem;
	color: #5d237d;
	background-color: transparent;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saSideBar .saImpersonator button::after,
.saSideBar .saMenuDropdown button::after {
	content: '';
	position: absolute;
	height: 2rem;
	width: 2rem;
	top: -.25rem;
	left: -.25rem
}

.saSmallScreen .saSideBar .saImpersonator button,
.saSmallScreen .saSideBar .saMenuDropdown button {
	height: 2.5rem;
	width: 2.5rem;
	right: 1.125rem
}

.saSmallScreen .saSideBar .saImpersonator button::after,
.saSmallScreen .saSideBar .saMenuDropdown button::after {
	content: '';
	position: absolute;
	height: 2.75rem;
	width: 2.75rem
}

.saLargeScreen .saMinimized.saSideBar .saImpersonator button,
.saLargeScreen .saMinimized.saSideBar .saMenuDropdown button {
	display: none
}

@media (pointer:fine) {

	.saSideBar .saImpersonator button:hover,
	.saSideBar .saMenuDropdown button:hover {
		background-color: #f6deff;
		color: #5d237d
	}
}

.saSideBar .saImpersonator button:active,
.saSideBar .saMenuDropdown button:active {
	background-color: #d3b9e7;
	color: #50146e;
	border-radius: .5rem
}

.saOpen .saSideBar .saImpersonator button,
.saOpen .saSideBar .saMenuDropdown button {
	background-color: #5d237d;
	color: #fff
}

.saSideBar .saImpersonator button .saIcon,
.saSideBar .saMenuDropdown button .saIcon {
	color: inherit;
	min-width: 1.5rem
}

.saSideBar .saImpersonator input,
.saSideBar .saImpersonator select,
.saSideBar .saMenuDropdown input,
.saSideBar .saMenuDropdown select {
	appearance: none;
	width: 100%;
	outline: 1px solid #ccd5e2;
	outline-offset: -1px;
	background-color: #fff;
	margin: 0;
	padding: .75rem 2.25rem 0 .5rem;
	height: 2rem;
	border: none;
	border-radius: .5rem;
	color: #333333;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

@media (pointer:fine) {

	.saSideBar .saImpersonator input:hover,
	.saSideBar .saImpersonator select:hover,
	.saSideBar .saMenuDropdown input:hover,
	.saSideBar .saMenuDropdown select:hover {
		outline: 1px solid #5d237d;
		outline-offset: -1px
	}
}

.saSideBar .saImpersonator input:focus,
.saSideBar .saImpersonator select:focus,
.saSideBar .saMenuDropdown input:focus,
.saSideBar .saMenuDropdown select:focus {
	outline: 2px solid #5d237d;
	outline-offset: -2px
}

.saLargeScreen .saMinimized.saSideBar .saImpersonator input,
.saLargeScreen .saMinimized.saSideBar .saImpersonator select,
.saLargeScreen .saMinimized.saSideBar .saMenuDropdown input,
.saLargeScreen .saMinimized.saSideBar .saMenuDropdown select {
	color: transparent;
	padding: .5rem;
	width: 2rem
}

.saSmallScreen .saSideBar .saImpersonator input,
.saSmallScreen .saSideBar .saImpersonator select,
.saSmallScreen .saSideBar .saMenuDropdown input,
.saSmallScreen .saSideBar .saMenuDropdown select {
	height: 2.75rem;
	padding: 1rem 2.5rem 0 .625rem;
	font-size: 1rem
}

.saSideBar .saImpersonator input,
.saSideBar .saMenuDropdown input {
	cursor: text
}

.saLargeScreen .saMinimized.saSideBar .saImpersonator input,
.saLargeScreen .saMinimized.saSideBar .saMenuDropdown input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-left: 1.5rem;
	cursor: pointer
}

.saSideBar .saImpersonator select,
.saSideBar .saMenuDropdown select {
	cursor: pointer
}

.saSideBar .saImpersonator option,
.saSideBar .saMenuDropdown option {
	color: #333333
}

.saSideBar .saFirstLetter {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 1rem;
	position: absolute;
	pointer-events: none;
	display: none
}

.saLargeScreen .saMinimized.saSideBar .saFirstLetter {
	display: flex
}

.saSideBar .saRing {
	animation: ring;
	animation-timing-function: ease-in;
	animation-duration: 3s;
	animation-iteration-count: infinite
}

.saSideBar .saRing.saRingThreeTimes {
	animation-iteration-count: 3
}

@keyframes ring {
	6% {
		transform: rotate(-15deg)
	}

	12% {
		transform: rotate(15deg)
	}

	18% {
		transform: rotate(-22deg)
	}

	24% {
		transform: rotate(22deg)
	}

	30% {
		transform: rotate(-28deg)
	}

	36% {
		transform: rotate(28deg)
	}

	42% {
		transform: rotate(-22deg)
	}

	48% {
		transform: rotate(22deg)
	}

	54% {
		transform: rotate(-12deg)
	}

	60% {
		transform: rotate(12deg)
	}

	100%,
	66% {
		transform: rotate(0)
	}
}

.saToggleCompactWrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: .5rem;
	padding: 0 .5rem !important;
	height: 2.5rem;
	cursor: pointer
}

@media (pointer:fine) {
	.saToggleCompactWrapper:hover {
		color: #5d237d
	}

	.saToggleCompactWrapper:hover .saButtonText {
		color: inherit
	}
}

.saToggleCompactWrapper:active {
	color: #50146e
}

.saToggleCompactWrapper:active .saButtonText {
	color: inherit
}

li:first-child .saToggleCompactWrapper {
	border-bottom: 1px solid #ccd5e2;
	margin-bottom: .25rem
}

li:last-child .saToggleCompactWrapper {
	border-top: 1px solid #ccd5e2;
	margin-top: .25rem
}

li:not(:first-child, :last-child, :only-child) .saToggleCompactWrapper {
	border-top: 1px solid #ccd5e2;
	border-bottom: 1px solid #ccd5e2;
	margin: .25rem 0
}

.saToggleCompactWrapper input.saToggle {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #ccd5e2;
	margin-left: 1rem;
	min-width: 2.5rem;
	height: 1.5rem;
	border-radius: .75rem;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	transition: all .3s;
	position: relative
}

.saToggleCompactWrapper input.saToggle:active::before {
	width: 1.5rem
}

.saToggleCompactWrapper input.saToggle::before {
	content: "";
	margin: 0 2px;
	border-radius: .625rem;
	box-shadow: 0 2px 2px rgba(49, 58, 68, .1);
	box-sizing: border-box;
	transition: .3s ease all, left .3s cubic-bezier(.18, .89, .35, 1.15);
	background: #fff;
	width: 1.25rem;
	height: 1.25rem;
	border: solid #f8f9fb 1px;
	position: absolute;
	top: 2px;
	left: 0
}

.saToggleCompactWrapper input.saToggle:checked {
	background: #29bb4e
}

.saToggleCompactWrapper input.saToggle:checked::before {
	transform: translateX(1rem)
}

.saToggleCompactWrapper input.saToggle:checked:active::before {
	width: 1.5rem;
	margin-left: -2px
}

.saToggleCompactWrapper .saToggleCompactText {
	display: flex;
	flex-direction: column;
	padding-left: .25rem
}

.saToggleCompactWrapper .saToggleCompactText .saExtraText {
	font-size: .75rem;
	color: #60748b;
	margin-top: -.25rem
}

.saLargeScreen .saSmallScreenHeader {
	display: none
}

.saSmallScreen .saDesktopHeader {
	display: none
}

.saPageHeader .saContextMenuWrapper,
.saPartButtons .saContextMenuWrapper,
.saPartHeader .saContextMenuWrapper {
	position: relative
}

.saPageHeader .saContextMenuWrapper .saContextMenu,
.saPartButtons .saContextMenuWrapper .saContextMenu,
.saPartHeader .saContextMenuWrapper .saContextMenu {
	position: absolute;
	overflow-x: hidden
}

.saPageHeader .saContextMenuWrapper .saContextMenuItem,
.saPartButtons .saContextMenuWrapper .saContextMenuItem,
.saPartHeader .saContextMenuWrapper .saContextMenuItem {
	max-width: 25rem
}

.saSmallScreen .saPageHeader .saContextMenuWrapper .saContextMenuItem,
.saSmallScreen .saPartButtons .saContextMenuWrapper .saContextMenuItem,
.saSmallScreen .saPartHeader .saContextMenuWrapper .saContextMenuItem {
	max-width: 90vw
}

.saPageHeader .saContextMenuWrapper .saButtonText,
.saPartButtons .saContextMenuWrapper .saButtonText,
.saPartHeader .saContextMenuWrapper .saButtonText {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left
}

.saPageHeader .saSpecialLinksWrapper,
.saPartButtons .saSpecialLinksWrapper,
.saPartHeader .saSpecialLinksWrapper {
	display: flex
}

.saPageHeader .saSpecialLinksWrapper:empty,
.saPartButtons .saSpecialLinksWrapper:empty,
.saPartHeader .saSpecialLinksWrapper:empty {
	display: none
}

.saPageHeader .saSpecialLinksWrapper #IFDEF GreenExcelButton .saExcel button,
.saPartButtons .saSpecialLinksWrapper #IFDEF GreenExcelButton .saExcel button,
.saPartHeader .saSpecialLinksWrapper #IFDEF GreenExcelButton .saExcel button {
	color: #009b36;
	background: 0 0
}

.saPageHeader .saSpecialLinksWrapper #IFDEF GreenExcelButton .saExcel button .saIcon,
.saPartButtons .saSpecialLinksWrapper #IFDEF GreenExcelButton .saExcel button .saIcon,
.saPartHeader .saSpecialLinksWrapper #IFDEF GreenExcelButton .saExcel button .saIcon {
	color: #009b36
}

@media (pointer:fine) {

	.saPageHeader .saSpecialLinksWrapper #IFDEF GreenExcelButton .saExcel button:hover,
	.saPartButtons .saSpecialLinksWrapper #IFDEF GreenExcelButton .saExcel button:hover,
	.saPartHeader .saSpecialLinksWrapper #IFDEF GreenExcelButton .saExcel button:hover {
		background: #d6f7d9;
		color: #008429
	}

	.saPageHeader .saSpecialLinksWrapper #IFDEF GreenExcelButton .saExcel button:hover .saIcon,
	.saPartButtons .saSpecialLinksWrapper #IFDEF GreenExcelButton .saExcel button:hover .saIcon,
	.saPartHeader .saSpecialLinksWrapper #IFDEF GreenExcelButton .saExcel button:hover .saIcon {
		color: #009b36
	}
}

.saPageHeader .saSpecialLinksWrapper #IFDEF GreenExcelButton .saExcel button:active,
.saPartButtons .saSpecialLinksWrapper #IFDEF GreenExcelButton .saExcel button:active,
.saPartHeader .saSpecialLinksWrapper #IFDEF GreenExcelButton .saExcel button:active {
	background: #91e89b;
	color: #006d1e
}

.saPageHeader .saSpecialLinksWrapper button,
.saPartButtons .saSpecialLinksWrapper button,
.saPartHeader .saSpecialLinksWrapper button {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saPageHeader .saSpecialLinksWrapper button .saButtonText,
.saPartButtons .saSpecialLinksWrapper button .saButtonText,
.saPartHeader .saSpecialLinksWrapper button .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saPageHeader .saSpecialLinksWrapper button .saBadgedIcon,
.saPartButtons .saSpecialLinksWrapper button .saBadgedIcon,
.saPartHeader .saSpecialLinksWrapper button .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saPageHeader .saSpecialLinksWrapper button .saIcon,
.saPartButtons .saSpecialLinksWrapper button .saIcon,
.saPartHeader .saSpecialLinksWrapper button .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saPageHeader .saSpecialLinksWrapper button .saIcon,
.saPartButtons .saSpecialLinksWrapper button .saIcon,
.saPartHeader .saSpecialLinksWrapper button .saIcon {
	color: #333333
}

.saPageHeader .saSpecialLinksWrapper button.saDestructive,
.saPartButtons .saSpecialLinksWrapper button.saDestructive,
.saPartHeader .saSpecialLinksWrapper button.saDestructive {
	color: #dd1f26
}

.saPageHeader .saSpecialLinksWrapper button.saDestructive .saIcon,
.saPartButtons .saSpecialLinksWrapper button.saDestructive .saIcon,
.saPartHeader .saSpecialLinksWrapper button.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {

	.saPageHeader .saSpecialLinksWrapper button.saDestructive:hover,
	.saPartButtons .saSpecialLinksWrapper button.saDestructive:hover,
	.saPartHeader .saSpecialLinksWrapper button.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saPageHeader .saSpecialLinksWrapper button.saDestructive:hover .saIcon,
	.saPartButtons .saSpecialLinksWrapper button.saDestructive:hover .saIcon,
	.saPartHeader .saSpecialLinksWrapper button.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saPageHeader .saSpecialLinksWrapper button.saDestructive:active,
.saPartButtons .saSpecialLinksWrapper button.saDestructive:active,
.saPartHeader .saSpecialLinksWrapper button.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saPageHeader .saSpecialLinksWrapper button.saDestructive:active>.saIcon,
.saPartButtons .saSpecialLinksWrapper button.saDestructive:active>.saIcon,
.saPartHeader .saSpecialLinksWrapper button.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {

	.saPageHeader .saSpecialLinksWrapper button:hover,
	.saPartButtons .saSpecialLinksWrapper button:hover,
	.saPartHeader .saSpecialLinksWrapper button:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saPageHeader .saSpecialLinksWrapper button:hover .saIcon,
	.saPartButtons .saSpecialLinksWrapper button:hover .saIcon,
	.saPartHeader .saSpecialLinksWrapper button:hover .saIcon {
		color: #5d237d
	}
}

.saPageHeader .saSpecialLinksWrapper button:active,
.saPartButtons .saSpecialLinksWrapper button:active,
.saPartHeader .saSpecialLinksWrapper button:active {
	background-color: #f6deff;
	color: #50146e
}

.saPageHeader .saSpecialLinksWrapper button:active .saIcon,
.saPartButtons .saSpecialLinksWrapper button:active .saIcon,
.saPartHeader .saSpecialLinksWrapper button:active .saIcon {
	color: #50146e
}

.saPageHeader .saSpecialLinksWrapper button.saDisabled,
.saPageHeader .saSpecialLinksWrapper button:disabled,
.saPartButtons .saSpecialLinksWrapper button.saDisabled,
.saPartButtons .saSpecialLinksWrapper button:disabled,
.saPartHeader .saSpecialLinksWrapper button.saDisabled,
.saPartHeader .saSpecialLinksWrapper button:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saPageHeader .saSpecialLinksWrapper button.saDisabled .saIcon,
.saPageHeader .saSpecialLinksWrapper button:disabled .saIcon,
.saPartButtons .saSpecialLinksWrapper button.saDisabled .saIcon,
.saPartButtons .saSpecialLinksWrapper button:disabled .saIcon,
.saPartHeader .saSpecialLinksWrapper button.saDisabled .saIcon,
.saPartHeader .saSpecialLinksWrapper button:disabled .saIcon {
	color: #adbdd1
}

.saPageHeader .saSpecialLinksWrapper button:active,
.saPartButtons .saSpecialLinksWrapper button:active,
.saPartHeader .saSpecialLinksWrapper button:active {
	border-radius: .75rem
}

.saPageHeader .saExtraButtonList,
.saPartButtons .saExtraButtonList {
	display: flex;
	flex: 1;
	justify-content: flex-end;
	gap: .5rem
}

.saPageHeader .saContextMenuWrapper,
.saPartButtons .saContextMenuWrapper {
	position: relative
}

.saPageHeader .saContextMenuWrapper .saContextMenu,
.saPartButtons .saContextMenuWrapper .saContextMenu {
	position: absolute;
	overflow-x: hidden
}

.saPageHeader .saContextMenuWrapper .saContextMenuItem,
.saPartButtons .saContextMenuWrapper .saContextMenuItem {
	max-width: 25rem
}

.saSmallScreen .saPageHeader .saContextMenuWrapper .saContextMenuItem,
.saSmallScreen .saPartButtons .saContextMenuWrapper .saContextMenuItem {
	max-width: 90vw
}

.saPageHeader .saContextMenuWrapper .saButtonText,
.saPartButtons .saContextMenuWrapper .saButtonText {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left
}

.saPageHeader .saBadgeCount,
.saPartButtons .saBadgeCount {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	box-sizing: border-box;
	min-width: 1rem;
	color: #333333;
	background-color: #e5e2db;
	border-radius: .75rem;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem;
	transition: ease background-color .2s;
	white-space: nowrap;
	flex-shrink: 0
}

.saPageHeader .saBadgeCount.saUrgent,
.saPartButtons .saBadgeCount.saUrgent {
	color: #fff;
	background-color: #e0173e
}

.saPageHeader .saBadge,
.saPartButtons .saBadge {
	height: .875rem;
	min-width: .875rem;
	font-size: .625rem;
	right: -.25rem;
	bottom: -.25rem;
	z-index: 2
}

.saPageHeader .saNavigationBar,
.saPartButtons .saNavigationBar {
	display: flex
}

.saPageHeader .saTopButtons,
.saPartButtons .saTopButtons {
	gap: .5rem;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
	flex-shrink: 99
}

.saPageHeader .saCollectorWrapper,
.saPartButtons .saCollectorWrapper {
	display: flex
}

.saPageHeader .saActionLinks,
.saPartButtons .saActionLinks {
	display: flex;
	gap: .5rem
}

.saPageHeader .saActionLinks .saMoreButton,
.saPartButtons .saActionLinks .saMoreButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	background-color: #f5f3ee;
	color: #333333;
	border: solid 1px #ccd5e2;
	position: relative
}

.saPageHeader .saActionLinks .saMoreButton .saButtonText,
.saPartButtons .saActionLinks .saMoreButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saPageHeader .saActionLinks .saMoreButton .saBadgedIcon,
.saPartButtons .saActionLinks .saMoreButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saPageHeader .saActionLinks .saMoreButton .saIcon,
.saPartButtons .saActionLinks .saMoreButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saPageHeader .saActionLinks .saMoreButton .saIcon,
.saPartButtons .saActionLinks .saMoreButton .saIcon {
	color: #333333
}

.saPageHeader .saActionLinks .saMoreButton .saBadge,
.saPartButtons .saActionLinks .saMoreButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {

	.saPageHeader .saActionLinks .saMoreButton:hover,
	.saPartButtons .saActionLinks .saMoreButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saPageHeader .saActionLinks .saMoreButton:hover .saIcon,
	.saPartButtons .saActionLinks .saMoreButton:hover .saIcon {
		color: #5d237d
	}

	.saPageHeader .saActionLinks .saMoreButton:hover .saBadge,
	.saPartButtons .saActionLinks .saMoreButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saPageHeader .saActionLinks .saMoreButton:active,
.saPartButtons .saActionLinks .saMoreButton:active {
	background: #f6deff
}

.saPageHeader .saActionLinks .saMoreButton:active .saBadge,
.saPartButtons .saActionLinks .saMoreButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saPageHeader .saActionLinks .saMoreButton.saDestructive,
.saPartButtons .saActionLinks .saMoreButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saPageHeader .saActionLinks .saMoreButton.saDestructive .saIcon,
.saPartButtons .saActionLinks .saMoreButton.saDestructive .saIcon {
	color: #dd1f26
}

.saPageHeader .saActionLinks .saMoreButton.saDestructive .saBadge,
.saPartButtons .saActionLinks .saMoreButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {

	.saPageHeader .saActionLinks .saMoreButton.saDestructive:hover,
	.saPartButtons .saActionLinks .saMoreButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saPageHeader .saActionLinks .saMoreButton.saDestructive:hover .saIcon,
	.saPartButtons .saActionLinks .saMoreButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saPageHeader .saActionLinks .saMoreButton.saDestructive:hover .saBadge,
	.saPartButtons .saActionLinks .saMoreButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saPageHeader .saActionLinks .saMoreButton.saDestructive:active,
.saPartButtons .saActionLinks .saMoreButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saPageHeader .saActionLinks .saMoreButton.saDestructive:active .saIcon,
.saPartButtons .saActionLinks .saMoreButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saPageHeader .saActionLinks .saMoreButton.saDestructive:active .saBadge,
.saPartButtons .saActionLinks .saMoreButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saStandard .saPageHeader .saActionLinks .saMoreButton,
.saStandard .saPartButtons .saActionLinks .saMoreButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saPageHeader .saActionLinks .saMoreButton:active,
.saStandard .saPartButtons .saActionLinks .saMoreButton:active {
	border-radius: .75rem
}

.saCompact .saPageHeader .saActionLinks .saMoreButton,
.saCompact .saPartButtons .saActionLinks .saMoreButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saPageHeader .saActionLinks .saMoreButton:active,
.saCompact .saPartButtons .saActionLinks .saMoreButton:active {
	border-radius: .75rem
}

.saSmallScreen .saPageHeader .saActionLinks .saMoreButton,
.saSmallScreen .saPartButtons .saActionLinks .saMoreButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saPageHeader .saActionLinks .saMoreButton:active,
.saSmallScreen .saPartButtons .saActionLinks .saMoreButton:active {
	border-radius: .75rem
}

.saPageHeader .saActionLinks .saMoreButton.saOpen,
.saPartButtons .saActionLinks .saMoreButton.saOpen {
	background-color: #f6deff;
	border-color: #5d237d
}

.saPageHeader .saActionLinks .saMoreButton.saOpen .saIcon,
.saPartButtons .saActionLinks .saMoreButton.saOpen .saIcon {
	color: #5d237d
}

.saPageHeader .saActionLinks .saMoreButton .saBadgeCount,
.saPartButtons .saActionLinks .saMoreButton .saBadgeCount {
	position: absolute;
	top: -.25rem;
	right: -.25rem
}

.saPageHeader .saActionLinks .saActionLink,
.saPartButtons .saActionLinks .saActionLink {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	min-width: 3.5rem
}

.saPageHeader .saActionLinks .saActionLink .saButtonText,
.saPartButtons .saActionLinks .saActionLink .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saPageHeader .saActionLinks .saActionLink .saBadgedIcon,
.saPartButtons .saActionLinks .saActionLink .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saPageHeader .saActionLinks .saActionLink .saIcon,
.saPartButtons .saActionLinks .saActionLink .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saPageHeader .saActionLinks .saActionLink,
.saStandard .saPartButtons .saActionLinks .saActionLink {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saPageHeader .saActionLinks .saActionLink:active,
.saStandard .saPartButtons .saActionLinks .saActionLink:active {
	border-radius: .75rem
}

.saStandard .saPageHeader .saActionLinks .saActionLink .saIcon,
.saStandard .saPartButtons .saActionLinks .saActionLink .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saPageHeader .saActionLinks .saActionLink,
.saCompact .saPartButtons .saActionLinks .saActionLink {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saPageHeader .saActionLinks .saActionLink:active,
.saCompact .saPartButtons .saActionLinks .saActionLink:active {
	border-radius: .75rem
}

.saCompact .saPageHeader .saActionLinks .saActionLink .saIcon,
.saCompact .saPartButtons .saActionLinks .saActionLink .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saPageHeader .saActionLinks .saActionLink,
.saSmallScreen .saPartButtons .saActionLinks .saActionLink {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saPageHeader .saActionLinks .saActionLink:active,
.saSmallScreen .saPartButtons .saActionLinks .saActionLink:active {
	border-radius: .75rem
}

.saSmallScreen .saPageHeader .saActionLinks .saActionLink .saIcon,
.saSmallScreen .saPartButtons .saActionLinks .saActionLink .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saPageHeader .saActionLinks .saActionLink.saInactive,
.saPageHeader .saActionLinks .saActionLink.saInactive:active,
.saPageHeader .saActionLinks .saActionLink.saInactive:hover,
.saPartButtons .saActionLinks .saActionLink.saInactive,
.saPartButtons .saActionLinks .saActionLink.saInactive:active,
.saPartButtons .saActionLinks .saActionLink.saInactive:hover {
	cursor: default;
	background: #eef1f5;
	color: #8fa5c0;
	border-color: transparent;
	border-radius: .5rem
}

.saPageHeader .saActionLinks .saActionLink.saInactive .saIcon,
.saPageHeader .saActionLinks .saActionLink.saInactive:active .saIcon,
.saPageHeader .saActionLinks .saActionLink.saInactive:hover .saIcon,
.saPartButtons .saActionLinks .saActionLink.saInactive .saIcon,
.saPartButtons .saActionLinks .saActionLink.saInactive:active .saIcon,
.saPartButtons .saActionLinks .saActionLink.saInactive:hover .saIcon {
	color: #8fa5c0
}

.saPageHeader .saActionLinks .saActionLink.saInactive .saBadge,
.saPageHeader .saActionLinks .saActionLink.saInactive:active .saBadge,
.saPageHeader .saActionLinks .saActionLink.saInactive:hover .saBadge,
.saPartButtons .saActionLinks .saActionLink.saInactive .saBadge,
.saPartButtons .saActionLinks .saActionLink.saInactive:active .saBadge,
.saPartButtons .saActionLinks .saActionLink.saInactive:hover .saBadge {
	color: #60748b;
	background: #eef1f5;
	border-color: #60748b
}

.saPageHeader .saNavigationLinks,
.saPartButtons .saNavigationLinks {
	display: flex;
	align-items: center
}

.saPageHeader .saNavigationLinks .saMoreButton,
.saPartButtons .saNavigationLinks .saMoreButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem;
	color: #5d237d;
	background: 0 0;
	position: relative
}

.saPageHeader .saNavigationLinks .saMoreButton .saButtonText,
.saPartButtons .saNavigationLinks .saMoreButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saPageHeader .saNavigationLinks .saMoreButton .saBadgedIcon,
.saPartButtons .saNavigationLinks .saMoreButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saPageHeader .saNavigationLinks .saMoreButton .saIcon,
.saPartButtons .saNavigationLinks .saMoreButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saPageHeader .saNavigationLinks .saMoreButton:active,
.saPartButtons .saNavigationLinks .saMoreButton:active {
	border-radius: .75rem
}

.saPageHeader .saNavigationLinks .saMoreButton .saIcon,
.saPartButtons .saNavigationLinks .saMoreButton .saIcon {
	color: #333333
}

.saPageHeader .saNavigationLinks .saMoreButton.saDestructive,
.saPartButtons .saNavigationLinks .saMoreButton.saDestructive {
	color: #dd1f26
}

.saPageHeader .saNavigationLinks .saMoreButton.saDestructive .saIcon,
.saPartButtons .saNavigationLinks .saMoreButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {

	.saPageHeader .saNavigationLinks .saMoreButton.saDestructive:hover,
	.saPartButtons .saNavigationLinks .saMoreButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saPageHeader .saNavigationLinks .saMoreButton.saDestructive:hover .saIcon,
	.saPartButtons .saNavigationLinks .saMoreButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saPageHeader .saNavigationLinks .saMoreButton.saDestructive:active,
.saPartButtons .saNavigationLinks .saMoreButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saPageHeader .saNavigationLinks .saMoreButton.saDestructive:active>.saIcon,
.saPartButtons .saNavigationLinks .saMoreButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {

	.saPageHeader .saNavigationLinks .saMoreButton:hover,
	.saPartButtons .saNavigationLinks .saMoreButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saPageHeader .saNavigationLinks .saMoreButton:hover .saIcon,
	.saPartButtons .saNavigationLinks .saMoreButton:hover .saIcon {
		color: #5d237d
	}
}

.saPageHeader .saNavigationLinks .saMoreButton:active,
.saPartButtons .saNavigationLinks .saMoreButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saPageHeader .saNavigationLinks .saMoreButton:active .saIcon,
.saPartButtons .saNavigationLinks .saMoreButton:active .saIcon {
	color: #50146e
}

.saPageHeader .saNavigationLinks .saMoreButton.saDisabled,
.saPageHeader .saNavigationLinks .saMoreButton:disabled,
.saPartButtons .saNavigationLinks .saMoreButton.saDisabled,
.saPartButtons .saNavigationLinks .saMoreButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saPageHeader .saNavigationLinks .saMoreButton.saDisabled .saIcon,
.saPageHeader .saNavigationLinks .saMoreButton:disabled .saIcon,
.saPartButtons .saNavigationLinks .saMoreButton.saDisabled .saIcon,
.saPartButtons .saNavigationLinks .saMoreButton:disabled .saIcon {
	color: #adbdd1
}

.saPageHeader .saNavigationLinks .saMoreButton.saOpen,
.saPartButtons .saNavigationLinks .saMoreButton.saOpen {
	background: #f8f9fb;
	color: #5d237d
}

.saPageHeader .saNavigationLinks .saMoreButton.saOpen .saIcon,
.saPartButtons .saNavigationLinks .saMoreButton.saOpen .saIcon {
	color: #5d237d
}

.saPageHeader .saNavigationLinks .saMoreButton .saBadgeCount,
.saPartButtons .saNavigationLinks .saMoreButton .saBadgeCount {
	position: absolute;
	top: -.25rem;
	right: -.25rem
}

.saPageHeader .saNavigationLinks .saNavigationLink,
.saPartButtons .saNavigationLinks .saNavigationLink {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	padding: .5rem;
	border-radius: .5rem;
	font-size: .875rem;
	display: flex;
	gap: .5rem;
	align-items: center;
	color: #333333;
	padding: .375rem .75rem;
	height: 2rem;
	border: none;
	background: 0 0;
	margin: 0;
	font: inherit;
	cursor: pointer;
	transition: ease background .2s, ease color .2s, ease border-radius .2s;
	text-decoration: none;
	border-radius: 0
}

.saPageHeader .saNavigationLinks .saNavigationLink .saButtonText,
.saPartButtons .saNavigationLinks .saNavigationLink .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saPageHeader .saNavigationLinks .saNavigationLink .saBadgedIcon,
.saPartButtons .saNavigationLinks .saNavigationLink .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saPageHeader .saNavigationLinks .saNavigationLink .saIcon,
.saPartButtons .saNavigationLinks .saNavigationLink .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saPageHeader .saNavigationLinks .saNavigationLink:active,
.saPartButtons .saNavigationLinks .saNavigationLink:active {
	border-radius: .75rem
}

.saPageHeader .saNavigationLinks .saNavigationLink .saIcon,
.saPartButtons .saNavigationLinks .saNavigationLink .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saPageHeader .saNavigationLinks .saNavigationLink .saIcon,
.saPartButtons .saNavigationLinks .saNavigationLink .saIcon {
	color: #333333
}

.saPageHeader .saNavigationLinks .saNavigationLink .saBadge,
.saPartButtons .saNavigationLinks .saNavigationLink .saBadge {
	right: -.375rem;
	bottom: -.25rem;
	border: 1px solid;
	height: .75rem;
	min-width: .75rem;
	font-size: .5rem;
	border-color: #fff;
	color: #fff;
	background-color: #333333
}

.saPageHeader .saNavigationLinks .saNavigationLink.saButtonPrimary,
.saPartButtons .saNavigationLinks .saNavigationLink.saButtonPrimary {
	color: #006ebf;
	position: relative
}

.saPageHeader .saNavigationLinks .saNavigationLink.saButtonPrimary .saIcon,
.saPartButtons .saNavigationLinks .saNavigationLink.saButtonPrimary .saIcon {
	color: #006ebf
}

.saPageHeader .saNavigationLinks .saNavigationLink.saButtonPrimary .saBadge,
.saPartButtons .saNavigationLinks .saNavigationLink.saButtonPrimary .saBadge {
	background-color: #006ebf
}

@media (pointer:fine) {

	.saPageHeader .saNavigationLinks .saNavigationLink:hover,
	.saPartButtons .saNavigationLinks .saNavigationLink:hover {
		color: #006ebf;
		text-decoration: underline
	}

	.saPageHeader .saNavigationLinks .saNavigationLink:hover .saIcon,
	.saPartButtons .saNavigationLinks .saNavigationLink:hover .saIcon {
		color: #006ebf
	}

	.saPageHeader .saNavigationLinks .saNavigationLink:hover .saBadge,
	.saPartButtons .saNavigationLinks .saNavigationLink:hover .saBadge {
		background-color: #006ebf
	}
}

.saPageHeader .saNavigationLinks .saNavigationLink:active,
.saPartButtons .saNavigationLinks .saNavigationLink:active {
	color: #004f97;
	border-radius: 0
}

.saPageHeader .saNavigationLinks .saNavigationLink:active .saIcon,
.saPartButtons .saNavigationLinks .saNavigationLink:active .saIcon {
	color: #004f97
}

.saPageHeader .saNavigationLinks .saNavigationLink:active .saBadge,
.saPartButtons .saNavigationLinks .saNavigationLink:active .saBadge {
	background-color: #004f97
}

.saPageHeader .saNavigationLinks .saNavigationLink.saButtonPrimary+.saNavigationLink,
.saPartButtons .saNavigationLinks .saNavigationLink.saButtonPrimary+.saNavigationLink {
	border-left: 1px solid #ccd5e2
}

.saPageHeader .saNavigationLinks .saNavigationLink.saInactive,
.saPageHeader .saNavigationLinks .saNavigationLink.saInactive:active,
.saPageHeader .saNavigationLinks .saNavigationLink.saInactive:hover,
.saPartButtons .saNavigationLinks .saNavigationLink.saInactive,
.saPartButtons .saNavigationLinks .saNavigationLink.saInactive:active,
.saPartButtons .saNavigationLinks .saNavigationLink.saInactive:hover {
	cursor: not-allowed;
	color: #8fa5c0;
	text-decoration: none
}

.saPageHeader .saNavigationLinks .saNavigationLink.saInactive .saIcon,
.saPageHeader .saNavigationLinks .saNavigationLink.saInactive:active .saIcon,
.saPageHeader .saNavigationLinks .saNavigationLink.saInactive:hover .saIcon,
.saPartButtons .saNavigationLinks .saNavigationLink.saInactive .saIcon,
.saPartButtons .saNavigationLinks .saNavigationLink.saInactive:active .saIcon,
.saPartButtons .saNavigationLinks .saNavigationLink.saInactive:hover .saIcon {
	color: #8fa5c0
}

.saPageHeader .saNavigationLinks .saNavigationLink.saInactive .saBadge,
.saPageHeader .saNavigationLinks .saNavigationLink.saInactive:active .saBadge,
.saPageHeader .saNavigationLinks .saNavigationLink.saInactive:hover .saBadge,
.saPartButtons .saNavigationLinks .saNavigationLink.saInactive .saBadge,
.saPartButtons .saNavigationLinks .saNavigationLink.saInactive:active .saBadge,
.saPartButtons .saNavigationLinks .saNavigationLink.saInactive:hover .saBadge {
	color: #8fa5c0;
	background: #fff;
	border-color: #8fa5c0
}

.saPageHeader .saBrowseButtons,
.saPartButtons .saBrowseButtons {
	display: flex;
	margin-right: 0
}

.saPageHeader .saBrowseButtons .saBrowseButton,
.saPartButtons .saBrowseButtons .saBrowseButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333;
	position: relative
}

.saPageHeader .saBrowseButtons .saBrowseButton .saButtonText,
.saPartButtons .saBrowseButtons .saBrowseButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saPageHeader .saBrowseButtons .saBrowseButton .saBadgedIcon,
.saPartButtons .saBrowseButtons .saBrowseButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saPageHeader .saBrowseButtons .saBrowseButton .saIcon,
.saPartButtons .saBrowseButtons .saBrowseButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saPageHeader .saBrowseButtons .saBrowseButton .saIcon,
.saPartButtons .saBrowseButtons .saBrowseButton .saIcon {
	color: #333333
}

.saPageHeader .saBrowseButtons .saBrowseButton .saBadge,
.saPartButtons .saBrowseButtons .saBrowseButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {

	.saPageHeader .saBrowseButtons .saBrowseButton:hover,
	.saPartButtons .saBrowseButtons .saBrowseButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saPageHeader .saBrowseButtons .saBrowseButton:hover .saIcon,
	.saPartButtons .saBrowseButtons .saBrowseButton:hover .saIcon {
		color: #5d237d
	}

	.saPageHeader .saBrowseButtons .saBrowseButton:hover .saBadge,
	.saPartButtons .saBrowseButtons .saBrowseButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saPageHeader .saBrowseButtons .saBrowseButton:active,
.saPartButtons .saBrowseButtons .saBrowseButton:active {
	background: #f6deff
}

.saPageHeader .saBrowseButtons .saBrowseButton:active .saBadge,
.saPartButtons .saBrowseButtons .saBrowseButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saPageHeader .saBrowseButtons .saBrowseButton.saDestructive,
.saPartButtons .saBrowseButtons .saBrowseButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saPageHeader .saBrowseButtons .saBrowseButton.saDestructive .saIcon,
.saPartButtons .saBrowseButtons .saBrowseButton.saDestructive .saIcon {
	color: #dd1f26
}

.saPageHeader .saBrowseButtons .saBrowseButton.saDestructive .saBadge,
.saPartButtons .saBrowseButtons .saBrowseButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {

	.saPageHeader .saBrowseButtons .saBrowseButton.saDestructive:hover,
	.saPartButtons .saBrowseButtons .saBrowseButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saPageHeader .saBrowseButtons .saBrowseButton.saDestructive:hover .saIcon,
	.saPartButtons .saBrowseButtons .saBrowseButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saPageHeader .saBrowseButtons .saBrowseButton.saDestructive:hover .saBadge,
	.saPartButtons .saBrowseButtons .saBrowseButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saPageHeader .saBrowseButtons .saBrowseButton.saDestructive:active,
.saPartButtons .saBrowseButtons .saBrowseButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saPageHeader .saBrowseButtons .saBrowseButton.saDestructive:active .saIcon,
.saPartButtons .saBrowseButtons .saBrowseButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saPageHeader .saBrowseButtons .saBrowseButton.saDestructive:active .saBadge,
.saPartButtons .saBrowseButtons .saBrowseButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saStandard .saPageHeader .saBrowseButtons .saBrowseButton,
.saStandard .saPartButtons .saBrowseButtons .saBrowseButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saPageHeader .saBrowseButtons .saBrowseButton:active,
.saStandard .saPartButtons .saBrowseButtons .saBrowseButton:active {
	border-radius: .75rem
}

.saCompact .saPageHeader .saBrowseButtons .saBrowseButton,
.saCompact .saPartButtons .saBrowseButtons .saBrowseButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saPageHeader .saBrowseButtons .saBrowseButton:active,
.saCompact .saPartButtons .saBrowseButtons .saBrowseButton:active {
	border-radius: .75rem
}

.saSmallScreen .saPageHeader .saBrowseButtons .saBrowseButton,
.saSmallScreen .saPartButtons .saBrowseButtons .saBrowseButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saPageHeader .saBrowseButtons .saBrowseButton:active,
.saSmallScreen .saPartButtons .saBrowseButtons .saBrowseButton:active {
	border-radius: .75rem
}

@media (pointer:fine) {

	.saPageHeader .saBrowseButtons .saBrowseButton:hover,
	.saPartButtons .saBrowseButtons .saBrowseButton:hover {
		z-index: 1
	}
}

.saPageHeader .saBrowseButtons .saBrowseButton.saPrevious,
.saPartButtons .saBrowseButtons .saBrowseButton.saPrevious {
	border-radius: .5rem 0 0 .5rem;
	margin-right: -1px
}

.saPageHeader .saBrowseButtons .saBrowseButton.saPrevious:active,
.saPartButtons .saBrowseButtons .saBrowseButton.saPrevious:active {
	border-radius: .75rem 0 0 .75rem
}

.saPageHeader .saBrowseButtons .saBrowseButton.saNext,
.saPartButtons .saBrowseButtons .saBrowseButton.saNext {
	border-radius: 0 .5rem .5rem 0
}

.saPageHeader .saBrowseButtons .saBrowseButton.saNext:active,
.saPartButtons .saBrowseButtons .saBrowseButton.saNext:active {
	border-radius: 0 .75rem .75rem 0
}

.saPageHeader .saBrowseButtons .saBrowseButton.saDisabled,
.saPartButtons .saBrowseButtons .saBrowseButton.saDisabled {
	opacity: .4;
	pointer-events: none
}

.saLargeScreen .saPageHeader .saActionLink,
.saLargeScreen .saPartButtons .saActionLink {
	max-width: 33rem
}

.saStandard .saPageHeader .saActionLinks .saContextMenu,
.saStandard .saPartButtons .saActionLinks .saContextMenu {
	top: 3.5rem
}

.saStandard .saPageHeader .saNavigationLinks .saContextMenu,
.saStandard .saPartButtons .saNavigationLinks .saContextMenu {
	top: 2.75rem
}

.saCompact .saPageHeader .saContextMenu .saContextMenuItem,
.saCompact .saPartButtons .saContextMenu .saContextMenuItem {
	font-size: .875rem
}

.saCompact .saPageHeader .saActionLinks .saContextMenu,
.saCompact .saPartButtons .saActionLinks .saContextMenu {
	top: 2.75rem
}

.saCompact .saPageHeader .saNavigationLinks .saContextMenu,
.saCompact .saPartButtons .saNavigationLinks .saContextMenu {
	top: 2.75rem
}

.saCompact .saPageHeader .saBadge,
.saCompact .saPartButtons .saBadge {
	right: -.375rem;
	bottom: -.25rem;
	border: 1px solid;
	height: .75rem;
	min-width: .75rem;
	font-size: .5rem
}

.saSmallScreen .saPageHeader .saActionLink,
.saSmallScreen .saPartButtons .saActionLink {
	max-width: calc(100% - 4.5rem);
	min-width: 5.5rem
}

.saSmallScreen .saPageHeader .saBrowseButtons,
.saSmallScreen .saPartButtons .saBrowseButtons {
	margin-left: .5rem
}

.saSmallScreen .saPageHeader .saTopButtons,
.saSmallScreen .saPartButtons .saTopButtons {
	justify-content: space-between;
	width: 100%;
	flex-basis: 100%;
	box-sizing: border-box
}

.saLargeScreen .saPageHeaderHolder {
	box-sizing: border-box;
	position: relative
}

.saLargeScreen.saPopup .saPageHeader {
	margin: 1rem 1rem 0 1rem;
	padding-top: 0
}

.saLargeScreen .saPageHeader {
	box-sizing: border-box;
	margin: 0 1.5rem 1rem 1.5rem;
	padding-top: .5rem
}

.saLargeScreen .saPageHeader .saTopRow {
	height: 2rem
}

.saLargeScreen .saPageHeader .saBottomRow {
	margin-top: -.25rem;
	margin-bottom: .25rem
}

.saLargeScreen .saPageHeader .saHeader {
	box-sizing: border-box;
	flex-wrap: nowrap;
	flex-direction: row;
	width: 100%;
	position: relative
}

.saLargeScreen .saPageHeader .saHeaderWrapper {
	display: flex;
	flex-direction: column
}

.saPageHeader {
	justify-content: center;
	transition: ease .2s all;
	display: flex
}

.saPageHeader .saHeaderText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333333
}

.saPageHeader .saBottomRow {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-width: 0
}

.saPageHeader .saMarkFavorite i {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	height: 1.5rem;
	min-width: 1.5rem
}

.saPageHeader .saMarkFavorite i::after {
	content: '';
	height: 2.75rem;
	width: 2.75rem;
	position: absolute
}

.saPageHeader .saHeader {
	margin: auto;
	top: 0;
	display: flex;
	align-items: stretch
}

.saPageHeader .saRowWrapper {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	justify-content: space-between;
	min-width: 0
}

.saPageHeader .saTopRow {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	max-height: fit-content;
	flex-shrink: 1;
	min-width: 0
}

.saPageHeader .saBreadcrumbs {
	display: flex;
	align-items: center;
	min-width: 0;
	flex-shrink: 99;
	width: 100%;
	min-height: 1.5rem;
	max-height: 1.5rem
}

.saPageHeader .saBreadcrumbs .saBackButtonWrapper {
	margin-right: 1rem
}

.saPageHeader .saBackButtonWrapper {
	max-width: 2rem
}

.saPageHeader .saBackButtonWrapper:has(button:disabled) {
	cursor: not-allowed
}

.saPageHeader .saBackButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border-radius: .25rem;
	margin-left: -.5rem;
	padding: 0;
	position: relative
}

.saPageHeader .saBackButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saPageHeader .saBackButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saPageHeader .saBackButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saLargeScreen .saPageHeader .saBackButton {
	color: #5d237d;
	background: 0 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saLargeScreen .saPageHeader .saBackButton .saIcon {
	color: #333333
}

.saLargeScreen .saPageHeader .saBackButton.saDestructive {
	color: #dd1f26
}

.saLargeScreen .saPageHeader .saBackButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saLargeScreen .saPageHeader .saBackButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saLargeScreen .saPageHeader .saBackButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saLargeScreen .saPageHeader .saBackButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saLargeScreen .saPageHeader .saBackButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saLargeScreen .saPageHeader .saBackButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saLargeScreen .saPageHeader .saBackButton:hover .saIcon {
		color: #5d237d
	}
}

.saLargeScreen .saPageHeader .saBackButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saLargeScreen .saPageHeader .saBackButton:active .saIcon {
	color: #50146e
}

.saLargeScreen .saPageHeader .saBackButton.saDisabled,
.saLargeScreen .saPageHeader .saBackButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saLargeScreen .saPageHeader .saBackButton.saDisabled .saIcon,
.saLargeScreen .saPageHeader .saBackButton:disabled .saIcon {
	color: #adbdd1
}

.saLargeScreen .saPageHeader .saBackButton:active {
	border-radius: .75rem
}

@media (pointer:fine) {
	.saLargeScreen .saPageHeader .saBackButton:hover .saBack {
		transform: translateX(-2px)
	}
}

.saLargeScreen .saPageHeader .saBackButton:disabled {
	background-color: transparent
}

.saLargeScreen .saPageHeader .saBackButton:disabled .saIcon {
	color: #eef1f5
}

.saPageHeader .saBackButton::after {
	content: '';
	height: 3.5rem;
	width: 3.5rem;
	opacity: 0;
	position: absolute;
	right: -.5rem;
	top: -1rem
}

.saPageHeader .saBackButton .saIcon {
	transition: all .2s ease
}

.saPageHeader .saBreadcrumb {
	height: 1.25rem;
	white-space: nowrap;
	font-size: .875rem;
	display: flex;
	align-items: center
}

.saPageHeader .saBreadcrumb>a,
.saPageHeader .saBreadcrumb>div {
	text-decoration: none;
	color: #006ebf;
	cursor: pointer
}

.saPageHeader .saBreadcrumb>a:hover {
	text-decoration: underline
}

.saPageHeader .saBreadcrumb>a:active {
	color: #004f97
}

.saPageHeader .saBreadcrumb .saContextMenuWrapper {
	display: none
}

.saPageHeader .saBreadcrumb.saOpen .saContextMenuWrapper {
	display: flex;
	position: absolute
}

.saPageHeader .saBreadcrumb.saOpen .saContextMenuWrapper .saContextMenu {
	top: .5rem
}

.saPageHeader .saBreadcrumbSeparator {
	font-weight: 300;
	margin: .5rem;
	color: #ccd5e2
}

.saPageHeader .saBreadcrumbs .saNoLinkBreadcrumb {
	color: #60748b;
	pointer-events: none
}

.saPageHeader .saBreadcrumb:last-child {
	padding-right: 2rem
}

.saPageHeader .saNavigator {
	display: none
}

.saPageHeader .saTitle {
	display: flex;
	flex-direction: row;
	align-items: center;
	min-width: 0;
	width: 100%;
	flex-shrink: 1;
	max-width: fit-content
}

.saStandard.saLargeScreenHasTopButtons .saPageHeader .saHeader {
	height: 7rem
}

.saStandard .saPageHeader .saHeader {
	gap: 1.5rem;
	height: 4.5rem
}

.saStandard .saPageHeader .saTopRow {
	min-height: 1rem
}

.saStandard .saPageHeader .saHeaderWrapper {
	gap: .5rem;
	flex: 1;
	min-width: 0;
	margin-right: 1.5rem
}

.saStandard .saPageHeader .saTitle {
	gap: 1rem
}

.saStandard .saPageHeader .saMarkFavorite i {
	font-size: 1.25rem;
	height: 2rem;
	min-width: 2rem
}

.saCompact.saLargeScreenHasTopButtons .saPageHeader .saHeader {
	height: 6rem
}

.saCompact .saPageHeader .saHeader {
	min-width: 0;
	gap: 1rem;
	height: 4rem
}

.saCompact .saPageHeader .saTopRow {
	min-height: 1rem
}

.saCompact .saPageHeader .saHeaderWrapper {
	flex: 1;
	gap: 0;
	min-width: 0
}

.saCompact .saPageHeader .saBreadcrumbs {
	font-size: .875rem
}

.saCompact .saPageHeader .saTitle {
	gap: .5rem
}

.saSmallScreen .saPageHeader,
.saSmallscreensidebar .saPageHeader {
	z-index: 1007;
	position: relative
}

.saSmallScreen .saPageHeader .saLogotypeHeader .saLogoRow,
.saSmallscreensidebar .saPageHeader .saLogotypeHeader .saLogoRow {
	max-width: 100%;
	height: 2rem;
	box-sizing: border-box;
	position: relative;
	background-color: #fff;
	z-index: 1007
}

.saSmallScreen .saPageHeader .saLogotypeHeader .saLogotype,
.saSmallscreensidebar .saPageHeader .saLogotypeHeader .saLogotype {
	height: 2rem;
	max-width: 100%
}

.saSmallScreenHasTopButtons.saSmallScreen .saPageHeader .saLogotypeHeader .saTopRow,
.saSmallScreenHasTopButtons.saSmallscreensidebar .saPageHeader .saLogotypeHeader .saTopRow {
	box-shadow: none
}

.saSmallScreenHasTopButtons.saSmallScreen .saPageHeader .saLogotypeHeader.saHideButtons .saTopRow,
.saSmallScreenHasTopButtons.saSmallscreensidebar .saPageHeader .saLogotypeHeader.saHideButtons .saTopRow {
	box-shadow: 0 .25rem .25rem rgba(49, 58, 68, .07)
}

.saSmallScreen .saPageHeader .saLogotypeHeader .saTopRow,
.saSmallscreensidebar .saPageHeader .saLogotypeHeader .saTopRow {
	background-color: #fff;
	box-shadow: 0 .25rem .25rem rgba(49, 58, 68, .07);
	height: 3.5rem
}

.saSmallScreen .saPageHeader .saLogotypeHeader .saTopRow .saBackButton:active,
.saSmallscreensidebar .saPageHeader .saLogotypeHeader .saTopRow .saBackButton:active {
	background: #adbdd1
}

.saSmallScreen .saPageHeader .saLogotypeHeader .saTopRow h1,
.saSmallscreensidebar .saPageHeader .saLogotypeHeader .saTopRow h1 {
	color: #333333
}

.saSmallScreen .saPageHeader .saLogotypeHeader .saTopRow .saIcon,
.saSmallscreensidebar .saPageHeader .saLogotypeHeader .saTopRow .saIcon {
	color: #333333
}

.saSmallScreen .saPageHeader .saLogotypeHeader .saTopRow .saNavBarStripe,
.saSmallscreensidebar .saPageHeader .saLogotypeHeader .saTopRow .saNavBarStripe {
	background-color: #7088a4
}

.saSmallScreen .saPageHeader .saLogotypeHeader .saBottomRow,
.saSmallscreensidebar .saPageHeader .saLogotypeHeader .saBottomRow {
	top: 5.5rem
}

.saSmallScreen .saPageHeader .saHeader,
.saSmallscreensidebar .saPageHeader .saHeader {
	padding: 0;
	flex-direction: column;
	min-width: 0;
	width: 100%;
	z-index: 2;
	color: #fff;
	border: none
}

.saSmallScreen .saPageHeader .saHeader.saHideButtons .saBottomRow,
.saSmallscreensidebar .saPageHeader .saHeader.saHideButtons .saBottomRow {
	transform: translateY(-4rem);
	box-shadow: none
}

.saSmallScreen .saPageHeader .saNotificationWrapper,
.saSmallscreensidebar .saPageHeader .saNotificationWrapper {
	position: relative;
	min-width: 2.5rem;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: 0 0;
	border-radius: .5rem
}

.saSmallScreen .saPageHeader .saNotificationWrapper .saBadgeCount,
.saSmallscreensidebar .saPageHeader .saNotificationWrapper .saBadgeCount {
	position: absolute;
	height: 1rem;
	min-width: 1rem;
	right: 0;
	top: 0
}

.saSmallScreen .saPageHeader .saNotificationWrapper .saBadgeCount.saEmpty,
.saSmallscreensidebar .saPageHeader .saNotificationWrapper .saBadgeCount.saEmpty {
	display: none
}

.saSmallScreen .saPageHeader .saNotificationWrapper .saIcon,
.saSmallscreensidebar .saPageHeader .saNotificationWrapper .saIcon {
	font-size: 1.5rem;
	min-height: 1.625rem;
	color: #fff;
	align-items: start
}

.saSmallScreen .saPageHeader .saBackButton,
.saSmallscreensidebar .saPageHeader .saBackButton {
	min-width: 2.5rem;
	height: 2.5rem;
	position: relative;
	margin-left: -.5rem;
	background-color: transparent
}

.saSmallScreen .saPageHeader .saBackButton i,
.saSmallscreensidebar .saPageHeader .saBackButton i {
	color: #fff
}

@media (pointer:fine) {

	.saSmallScreen .saPageHeader .saBackButton:hover,
	.saSmallscreensidebar .saPageHeader .saBackButton:hover {
		background: 0 0
	}
}

.saSmallScreen .saPageHeader .saBackButton:active,
.saSmallscreensidebar .saPageHeader .saBackButton:active {
	background: #42045f
}

.saSmallScreen .saPageHeader .saBackButton::after,
.saSmallscreensidebar .saPageHeader .saBackButton::after {
	content: '';
	height: 3.5rem;
	width: 3.5rem;
	top: -.5rem;
	left: -.5rem;
	padding: 0
}

.saSmallScreen .saPageHeader .saTopRow,
.saSmallscreensidebar .saPageHeader .saTopRow {
	padding: .5rem .5rem .5rem 1rem;
	background: #5d237d;
	gap: .5rem;
	position: relative;
	max-width: 100%;
	box-sizing: border-box;
	z-index: 1007
}

.saSmallScreen .saPageHeader .saBottomRow,
.saSmallscreensidebar .saPageHeader .saBottomRow {
	position: absolute;
	top: 3.4375rem;
	width: calc(100% - 2rem);
	background: #fff;
	z-index: 1006;
	padding: .75rem 1rem;
	gap: 0;
	transition: ease transform .4s, ease box-shadow .2s;
	box-shadow: 0 1px 2px rgba(49, 58, 68, .07), 0 2px .25rem rgba(49, 58, 68, .07)
}

.saSmallScreen .saPageHeader .saHeaderWrapper,
.saSmallscreensidebar .saPageHeader .saHeaderWrapper {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	text-align: left;
	align-items: center;
	min-width: 0
}

.saSmallScreen .saPageHeader .saBreadcrumbs,
.saSmallscreensidebar .saPageHeader .saBreadcrumbs {
	display: none
}

.saSmallScreen .saPageHeader .saTitle,
.saSmallscreensidebar .saPageHeader .saTitle {
	justify-content: center;
	flex: 1;
	min-width: 0;
	gap: .5rem
}

.saSmallScreen .saPageHeader .saTitle p,
.saSmallscreensidebar .saPageHeader .saTitle p {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.saSmallScreen .saPageHeader .saTitle h1,
.saSmallscreensidebar .saPageHeader .saTitle h1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	font-size: 1rem;
	line-height: 2rem;
	font-weight: 600;
	color: #fff;
	text-align: left;
	justify-content: flex-start
}

.saSmallScreen .saPageHeader .saNavigator,
.saSmallscreensidebar .saPageHeader .saNavigator {
	display: flex;
	height: 2.5rem;
	min-width: 2.5rem;
	align-items: center;
	justify-content: space-evenly;
	cursor: pointer;
	border-radius: .5rem;
	transition: all .2s;
	color: #60748b;
	z-index: 2;
	position: relative;
	background: 0 0
}

.saSmallScreen .saPageHeader .saNavigator:active,
.saSmallscreensidebar .saPageHeader .saNavigator:active {
	color: #42045f
}

.saSmallScreen.saPopup .saNavigator {
	display: none
}

.saNavBar {
	width: 1.5rem;
	cursor: pointer;
	display: flex;
	gap: .5rem;
	flex-direction: column
}

.saNavBarStripe {
	display: block;
	width: 100%;
	border-radius: 2px;
	height: 2px;
	background: #fff;
	transition: all .3s;
	position: relative
}

.saActive .saNavBarStripe:nth-child(1) {
	animation: ease .4s top-1 forwards
}

.saInactive .saNavBarStripe:nth-child(1) {
	animation: ease .4s top-2 forwards
}

.saActive .saNavBarStripe:nth-child(2) {
	animation: ease .4s scaled-1 forwards
}

.saInactive .saNavBarStripe:nth-child(2) {
	animation: ease .4s scaled-2 forwards
}

.saActive .saNavBarStripe:nth-child(3) {
	animation: ease .4s bottom-1 forwards
}

.saInactive .saNavBarStripe:nth-child(3) {
	animation: ease .4s bottom-2 forwards
}

.saLargeScreen.saMiniView .saPageHeader {
	margin: 0 1.5rem 0 1.5rem;
	padding-top: 0
}

.saLargeScreen.saMiniView .saPageHeader .saHeader {
	margin: 0;
	padding: 1rem;
	border: none;
	box-shadow: none;
	width: 100%;
	padding: 1rem 0
}

.saLargeScreen.saMiniView .saPageHeader .saBackButton {
	margin-left: .25rem
}

.saStandard.saMiniView .saPageHeader .saHeader {
	height: 4rem
}

.saStandard.saMiniView.saLargeScreenHasTopButtons .saPageHeader .saHeader {
	height: 7rem
}

.saCompact.saMiniView .saPageHeader .saHeader {
	height: 3rem
}

.saCompact.saMiniView.saLargeScreenHasTopButtons .saPageHeader .saHeader {
	height: 6.5rem
}

.saLargeScreen .saSmallScreenNavigationBar {
	display: none
}

.saSmallScreen .saDesktopNavigationBar {
	display: none
}

.saLargeScreen .saPartHeader.saHideHeader {
	display: none
}

.saLargeScreen .saPartHeader .saExpandWrapper {
	display: none
}

.saSmallScreen .saPartHeader {
	padding: .5rem .5rem .5rem 1rem
}

.saSmallScreen .saPartHeader .saAdminLink,
.saSmallScreen .saPartHeader .saExcel {
	display: none
}

.saSmallScreen .saPartHeader.saHideHeader {
	padding: .5rem
}

.saSmallScreen .saExpandWrapper .saExpand {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem;
	color: #5d237d;
	background: 0 0
}

.saSmallScreen .saExpandWrapper .saExpand .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saSmallScreen .saExpandWrapper .saExpand .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saSmallScreen .saExpandWrapper .saExpand .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saSmallScreen .saExpandWrapper .saExpand:active {
	border-radius: .75rem
}

.saSmallScreen .saExpandWrapper .saExpand .saIcon {
	color: #333333
}

.saSmallScreen .saExpandWrapper .saExpand.saDestructive {
	color: #dd1f26
}

.saSmallScreen .saExpandWrapper .saExpand.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saSmallScreen .saExpandWrapper .saExpand.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saSmallScreen .saExpandWrapper .saExpand.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saSmallScreen .saExpandWrapper .saExpand.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saSmallScreen .saExpandWrapper .saExpand.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saSmallScreen .saExpandWrapper .saExpand:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saSmallScreen .saExpandWrapper .saExpand:hover .saIcon {
		color: #5d237d
	}
}

.saSmallScreen .saExpandWrapper .saExpand:active {
	background-color: #f6deff;
	color: #50146e
}

.saSmallScreen .saExpandWrapper .saExpand:active .saIcon {
	color: #50146e
}

.saSmallScreen .saExpandWrapper .saExpand.saDisabled,
.saSmallScreen .saExpandWrapper .saExpand:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saSmallScreen .saExpandWrapper .saExpand.saDisabled .saIcon,
.saSmallScreen .saExpandWrapper .saExpand:disabled .saIcon {
	color: #adbdd1
}

.saSmallScreen .saExpandWrapper .saExpand.saClosed .saIcon {
	transform: rotate(180deg)
}

.saSmallScreen .saExpandWrapper .saExpand::after {
	content: '';
	height: 3rem;
	width: 3rem;
	position: absolute;
	margin-right: -.5rem
}

.saLargeScreen .saHasBorder .saPartHeader {
	padding: 1rem 1rem 0 1rem
}

.saPartHeader {
	display: flex;
	flex-direction: column;
	min-width: 0;
	box-sizing: border-box;
	padding-bottom: .5rem
}

.saPartHeader .saPartTitleWrapper {
	display: flex;
	gap: .25rem;
	flex-shrink: 1;
	width: 100%;
	max-width: fit-content
}

.saPartHeader .saPartHeading {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	gap: .25rem
}

.saPartHeader .saPartHeading h2 {
	overflow-wrap: anywhere;
	line-height: 1.875rem
}

.saPartButtons .saTopButtons {
	min-width: 0
}

.saPartButtons .saNavigationBar {
	padding-bottom: .5rem
}

.saStandard .saPartButtons .saNavigationBar {
	padding-bottom: 1rem
}

.saCompact .saPartButtons .saTopButtons {
	gap: .5rem
}

.saSmallScreen .saPartButtons .saTopButtons {
	justify-content: space-between
}

@keyframes top-1 {
	0% {
		top: 0;
		transform: rotate(0)
	}

	50% {
		top: .625rem;
		transform: rotate(0)
	}

	100% {
		top: .625rem;
		transform: rotate(45deg)
	}
}

@keyframes top-2 {
	0% {
		top: .625rem;
		transform: rotate(45deg)
	}

	50% {
		top: .625rem;
		transform: rotate(0)
	}

	100% {
		top: 0;
		transform: rotate(0)
	}
}

@keyframes bottom-1 {
	0% {
		bottom: 0;
		transform: rotate(0)
	}

	50% {
		bottom: .625rem;
		transform: rotate(0)
	}

	100% {
		bottom: .625rem;
		transform: rotate(135deg)
	}
}

@keyframes bottom-2 {
	0% {
		bottom: .625rem;
		transform: rotate(135deg)
	}

	50% {
		bottom: .625rem;
		transform: rotate(0)
	}

	100% {
		bottom: 0;
		transform: rotate(0)
	}
}

@keyframes scaled-1 {
	50% {
		transform: scale(0)
	}

	100% {
		transform: scale(0)
	}
}

@keyframes scaled-2 {
	0% {
		transform: scale(0)
	}

	50% {
		transform: scale(0)
	}

	100% {
		transform: scale(1)
	}
}

.saAlert,
.saAlert * {
	box-sizing: border-box
}

.saLargeScreen .saAlert {
	min-width: 12.5rem;
	max-width: 25rem
}

.saAlert {
	animation: ScaleIn 70ms ease-in;
	display: flex;
	flex-direction: column;
	position: relative;
	border-radius: 1rem;
	box-shadow: 0 1px 2px rgba(49, 58, 68, .07), 0 2px .25rem rgba(49, 58, 68, .07), 0 .25rem .5rem rgba(49, 58, 68, .07), 0 .5rem 1rem rgba(49, 58, 68, .07), 0 1rem 2rem rgba(49, 58, 68, .07), 0 2rem 4rem rgba(49, 58, 68, .07);
	justify-content: space-between;
	background: #fff
}

.saAlert .saAlertHeader {
	min-height: 4.5rem;
	max-height: 8.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 1rem 1rem 0 0
}

.saAlert .saAlertHeader .saIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 2.5rem;
	line-height: 2.5rem
}

.saAlert .saAlertMessageWrapper {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1rem
}

.saAlert .saAlertMessage {
	color: #333333;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	overflow-y: auto;
	overflow-x: hidden;
	word-break: break-word
}

.saAlert .saAlertMessage p {
	font-size: .875rem;
	line-height: 1.375rem;
	font-weight: 400;
	white-space: pre-wrap
}

.saAlert .saAlertHeading {
	line-height: 1
}

.saAlert .saButtons {
	display: flex;
	flex-direction: row;
	gap: .5rem;
	min-width: 0;
	flex-wrap: wrap
}

.saAlert .saAlertButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	min-width: 6.75rem
}

.saAlert .saAlertButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saAlert .saAlertButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saAlert .saAlertButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saAlert .saAlertButton {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saAlert .saAlertButton:active {
	border-radius: .75rem
}

.saStandard .saAlert .saAlertButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saAlert .saAlertButton {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saAlert .saAlertButton:active {
	border-radius: .75rem
}

.saCompact .saAlert .saAlertButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saAlert .saAlertButton {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saAlert .saAlertButton:active {
	border-radius: .75rem
}

.saSmallScreen .saAlert .saAlertButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saAlert .saAlertButton {
	min-width: 6rem
}

.saSmallScreen .saAlert .saAlertButton {
	min-width: 6.75rem
}

.saError.saAlert .saAlertHeader {
	background: #ffe8e7
}

.saError.saAlert .saAlertHeader .saIcon {
	color: #e0173e
}

.saDestructive.saAlert .saAlertHeader {
	background-image: linear-gradient(45deg, #e82349 25%, #e0173e 25%, #e0173e 50%, #e82349 50%, #e82349 75%, #e0173e 75%, #e0173e 100%);
	background-size: 6rem 6rem
}

.saWarning.saAlert .saAlertHeader {
	background: #f6ad00;
	background-image: linear-gradient(45deg, #ffbd20 25%, #f6ad00 25%, #f6ad00 50%, #ffbd20 50%, #ffbd20 75%, #f6ad00 75%, #f6ad00 100%);
	background-size: 6rem 6rem
}

.saInfo.saAlert .saAlertHeader,
.saQuestion.saAlert .saAlertHeader {
	background-color: #e5efff
}

.saInfo.saAlert .saAlertHeader .saIcon,
.saQuestion.saAlert .saAlertHeader .saIcon {
	color: #2d6ce1
}

.saSuccess.saAlert .saAlertHeader {
	background: radial-gradient(50% 50% at 100% 0, #58d36e 0 5%, #48cf60 6% 15%, #58d36e 16% 25%, #48cf60 26% 35%, #58d36e 36% 45%, #48cf60 46% 55%, #58d36e 56% 65%, #48cf60 66% 75%, #58d36e 76% 85%, #48cf60 86% 95%, #0000 96%), radial-gradient(50% 50% at 0 100%, #58d36e 0 5%, #48cf60 6% 15%, #58d36e 16% 25%, #48cf60 26% 35%, #58d36e 36% 45%, #48cf60 46% 55%, #58d36e 56% 65%, #48cf60 66% 75%, #58d36e 76% 85%, #48cf60 86% 95%, #0000 96%), radial-gradient(50% 50%, #58d36e 0 5%, #48cf60 6% 15%, #58d36e 16% 25%, #48cf60 26% 35%, #58d36e 36% 45%, #48cf60 46% 55%, #58d36e 56% 65%, #48cf60 66% 75%, #58d36e 76% 85%, #48cf60 86% 95%, #0000 96%), radial-gradient(50% 50%, #58d36e 0 5%, #48cf60 6% 15%, #58d36e 16% 25%, #48cf60 26% 35%, #58d36e 36% 45%, #48cf60 46% 55%, #58d36e 56% 65%, #48cf60 66% 75%, #58d36e 76% 85%, #48cf60 86% 95%, #0000 96%) 12.5rem 12.5rem;
	background-size: 25rem 25rem;
	background-color: #58d36e
}

.saSmallScreen .saAlert {
	margin-left: 1rem;
	width: calc(100% - 2rem)
}

.saSmallScreen .saAlert .saAlertButton {
	flex-grow: 1;
	max-width: 100%
}

@keyframes ScaleIn {
	0% {
		transform: scale(.4)
	}

	100% {
		transform: scale(1)
	}
}

.saButtonPrimary {
	background-color: #5d237d;
	color: #f5f3ee
}

.saButtonPrimary .saIcon {
	color: #f5f3ee
}

.saButtonPrimary .saBadge {
	color: #5d237d;
	background: #f5f3ee;
	border-color: #5d237d
}

@media (pointer:fine) {
	.saButtonPrimary:hover {
		background-color: #50146e
	}

	.saButtonPrimary:hover .saBadge {
		background-color: #f5f3ee;
		border-color: #50146e
	}
}

.saButtonPrimary:active {
	background-color: #42045f
}

.saButtonPrimary:active .saBadge {
	color: #42045f;
	border-color: 2px solid #42045f
}

.saButtonPrimary:disabled {
	background: #d3b9e7;
	pointer-events: none
}

.saButtonPrimary.saDestructive {
	background-color: #dd1f26;
	color: #fff;
	border-color: #ffdbd7
}

@media (pointer:fine) {
	.saButtonPrimary.saDestructive:hover {
		background-color: #c60014
	}
}

.saButtonSecondary {
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333
}

.saButtonSecondary .saIcon {
	color: #333333
}

.saButtonSecondary .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saButtonSecondary:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saButtonSecondary:hover .saIcon {
		color: #5d237d
	}

	.saButtonSecondary:hover .saBadge {
		background-color: #5d237d
	}
}

.saButtonSecondary:active {
	background: #f6deff
}

.saButtonSecondary:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saButtonSecondary.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saButtonSecondary.saDestructive .saIcon {
	color: #dd1f26
}

.saButtonSecondary.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saButtonSecondary.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saButtonSecondary.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saButtonSecondary.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saButtonSecondary.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saButtonSecondary.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saButtonSecondary.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saButtonGhost {
	color: #5d237d;
	background: 0 0
}

.saButtonGhost .saIcon {
	color: #333333
}

.saButtonGhost.saDestructive {
	color: #dd1f26
}

.saButtonGhost.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saButtonGhost.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saButtonGhost.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saButtonGhost.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saButtonGhost.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saButtonGhost:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saButtonGhost:hover .saIcon {
		color: #5d237d
	}
}

.saButtonGhost:active {
	background-color: #f6deff;
	color: #50146e
}

.saButtonGhost:active .saIcon {
	color: #50146e
}

.saButtonGhost.saDisabled,
.saButtonGhost:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saButtonGhost.saDisabled .saIcon,
.saButtonGhost:disabled .saIcon {
	color: #adbdd1
}

.saDefaultButtonPrimary {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	background-color: #5d237d;
	color: #f5f3ee
}

.saDefaultButtonPrimary .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saDefaultButtonPrimary .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saDefaultButtonPrimary .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saDefaultButtonPrimary .saIcon {
	color: #f5f3ee
}

.saDefaultButtonPrimary .saBadge {
	color: #5d237d;
	background: #f5f3ee;
	border-color: #5d237d
}

@media (pointer:fine) {
	.saDefaultButtonPrimary:hover {
		background-color: #50146e
	}

	.saDefaultButtonPrimary:hover .saBadge {
		background-color: #f5f3ee;
		border-color: #50146e
	}
}

.saDefaultButtonPrimary:active {
	background-color: #42045f
}

.saDefaultButtonPrimary:active .saBadge {
	color: #42045f;
	border-color: 2px solid #42045f
}

.saDefaultButtonPrimary:disabled {
	background: #d3b9e7;
	pointer-events: none
}

.saDefaultButtonPrimary.saDestructive {
	background-color: #dd1f26;
	color: #fff;
	border-color: #ffdbd7
}

@media (pointer:fine) {
	.saDefaultButtonPrimary.saDestructive:hover {
		background-color: #c60014
	}
}

.saStandard .saDefaultButtonPrimary {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saDefaultButtonPrimary:active {
	border-radius: .75rem
}

.saStandard .saDefaultButtonPrimary .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saDefaultButtonPrimary {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saDefaultButtonPrimary:active {
	border-radius: .75rem
}

.saCompact .saDefaultButtonPrimary .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saDefaultButtonPrimary {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saDefaultButtonPrimary:active {
	border-radius: .75rem
}

.saSmallScreen .saDefaultButtonPrimary .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saDefaultButtonSecondary {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333
}

.saDefaultButtonSecondary .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saDefaultButtonSecondary .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saDefaultButtonSecondary .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saDefaultButtonSecondary .saIcon {
	color: #333333
}

.saDefaultButtonSecondary .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saDefaultButtonSecondary:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saDefaultButtonSecondary:hover .saIcon {
		color: #5d237d
	}

	.saDefaultButtonSecondary:hover .saBadge {
		background-color: #5d237d
	}
}

.saDefaultButtonSecondary:active {
	background: #f6deff
}

.saDefaultButtonSecondary:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saDefaultButtonSecondary.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saDefaultButtonSecondary.saDestructive .saIcon {
	color: #dd1f26
}

.saDefaultButtonSecondary.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saDefaultButtonSecondary.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saDefaultButtonSecondary.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saDefaultButtonSecondary.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saDefaultButtonSecondary.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saDefaultButtonSecondary.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saDefaultButtonSecondary.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saStandard .saDefaultButtonSecondary {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saDefaultButtonSecondary:active {
	border-radius: .75rem
}

.saStandard .saDefaultButtonSecondary .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saDefaultButtonSecondary {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saDefaultButtonSecondary:active {
	border-radius: .75rem
}

.saCompact .saDefaultButtonSecondary .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saDefaultButtonSecondary {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saDefaultButtonSecondary:active {
	border-radius: .75rem
}

.saSmallScreen .saDefaultButtonSecondary .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.ButtonPrimary {
	background-color: #5d237d;
	color: #f5f3ee
}

.ButtonPrimary .saIcon {
	color: #f5f3ee
}

.ButtonPrimary .saBadge {
	color: #5d237d;
	background: #f5f3ee;
	border-color: #5d237d
}

@media (pointer:fine) {
	.ButtonPrimary:hover {
		background-color: #50146e
	}

	.ButtonPrimary:hover .saBadge {
		background-color: #f5f3ee;
		border-color: #50146e
	}
}

.ButtonPrimary:active {
	background-color: #42045f
}

.ButtonPrimary:active .saBadge {
	color: #42045f;
	border-color: 2px solid #42045f
}

.ButtonPrimary:disabled {
	background: #d3b9e7;
	pointer-events: none
}

.ButtonPrimary.saDestructive {
	background-color: #dd1f26;
	color: #fff;
	border-color: #ffdbd7
}

@media (pointer:fine) {
	.ButtonPrimary.saDestructive:hover {
		background-color: #c60014
	}
}

.saClosePopupButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	background-color: #313a44;
	color: #fff;
	position: absolute;
	right: 0
}

.saClosePopupButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saClosePopupButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saClosePopupButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saClosePopupButton {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saClosePopupButton:active {
	border-radius: .75rem
}

.saStandard .saClosePopupButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saClosePopupButton {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saClosePopupButton:active {
	border-radius: .75rem
}

.saCompact .saClosePopupButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saClosePopupButton {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saClosePopupButton:active {
	border-radius: .75rem
}

.saSmallScreen .saClosePopupButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

@media (pointer:fine) {
	.saClosePopupButton:hover {
		background-color: #e0173e
	}
}

.saClosePopupButton:active {
	background-color: #bf0024
}

.saStandard .saClosePopupButton {
	top: -3rem
}

.saCompact .saClosePopupButton {
	top: -2.75rem
}

.saLabelButton {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1rem;
	width: 1rem;
	min-width: 1rem;
	border-radius: 50%;
	padding: 0;
	background: #5d237d;
	position: relative;
	transition: ease background .2s, ease box-shadow .2s
}

.saLabelButton .saIcon {
	font-size: .625rem;
	color: #fff
}

.saErrorView {
	display: flex;
	flex-direction: column;
	gap: 2rem
}

.saSmallScreen .saErrorView {
	padding: 1.5rem
}

.saErrorView .saErrorViewContent {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	overflow-y: auto
}

.saLargeScreen .saErrorView .saErrorViewContent {
	margin-top: 2.5rem
}

.saErrorView .saErrorViewContent>.saIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	border-radius: .5rem;
	height: 3rem;
	width: 3rem;
	background-color: #eef1f5;
	color: #60748b
}

.saErrorView .saErrorViewContent .saErrorViewContentInner {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	max-height: calc(100vh - 20rem);
	min-height: min-content
}

.saErrorView .saErrorViewContent .saErrorViewContentInner section {
	display: flex;
	flex-direction: column
}

.saErrorView .saErrorViewContent .saErrorViewContentInner section h2 {
	padding-bottom: .25rem
}

.saErrorView .saErrorViewContent .saErrorViewContentInner section h3 {
	font-size: .75rem;
	line-height: .75rem;
	font-weight: 400;
	color: #60748b;
	margin-bottom: .25rem;
	word-break: break-all
}

.saErrorView .saErrorViewContent .saErrorViewContentInner section p {
	font-size: .875rem;
	line-height: 1.25rem;
	color: #313a44;
	word-break: break-all
}

.saErrorView .saErrorViewButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	width: fit-content;
	margin-top: 1rem
}

.saErrorView .saErrorViewButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saErrorView .saErrorViewButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saErrorView .saErrorViewButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saErrorView .saErrorViewButton {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saErrorView .saErrorViewButton:active {
	border-radius: .75rem
}

.saStandard .saErrorView .saErrorViewButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saErrorView .saErrorViewButton {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saErrorView .saErrorViewButton:active {
	border-radius: .75rem
}

.saCompact .saErrorView .saErrorViewButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saErrorView .saErrorViewButton {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saErrorView .saErrorViewButton:active {
	border-radius: .75rem
}

.saSmallScreen .saErrorView .saErrorViewButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

@media screen and (max-width:1100px) {
	.saLoginCover {
		display: none
	}
}

.saLogin {
	display: flex;
	flex-direction: row;
	width: 100%;
	min-height: 100vh;
	flex-wrap: wrap;
	color: #333333;
	line-height: normal
}

.saLogin * {
	box-sizing: border-box
}

.saLogin .saErrorText p {
	color: #e0173e
}

.saLogin .saInstructions {
	margin-bottom: .5rem
}

.saLogin h1 {
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 600;
	word-break: break-word;
	color: #333333;
	padding-bottom: 0
}

.saLogin .saInputTextWrapper {
	margin-right: 0
}

.saLogin .saInputTextWrapper .saInputText {
	height: 2.5rem;
	border-radius: .5rem;
	padding: 0 .75rem;
	min-width: 2rem
}

.saLogin .saInputTextWrapper .saTrailingIconsWrapper {
	height: 2.5rem
}

.saLogin .saInnerForm {
	display: flex;
	gap: 1.5rem;
	flex-direction: column
}

.saLogin .saButtonIcon {
	width: 1.5rem;
	height: 1.5rem
}

.saLogin .saBankIdLogo {
	background: url(../img/bankid.svg) top center no-repeat
}

.saLogin .saMicrosoft {
	background: url(../img/microsoft.svg) top center no-repeat
}

.saLogin .saSoftadminLogo {
	display: flex;
	min-width: 10rem
}

.saLogin .saWordMark {
	height: 2rem;
	position: relative
}

.saLogin .saLogo {
	width: 2rem;
	height: 2rem
}

.saLogin .saControlCol {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	margin-bottom: 1.5rem
}

.saLogin .saControlCol label {
	font-size: .875rem;
	font-weight: 700;
	position: relative
}

.saLogin .saControlRow {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	align-items: center;
	justify-content: space-between
}

.saLogin .saLabelWrapper {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.saLogin .saControlInner {
	display: flex;
	gap: 1rem;
	flex-direction: column
}

.saLogin .saLoginOuter {
	flex-basis: 30%;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	padding: 1rem
}

.saLogin .saCustomerLoginLogo {
	max-width: 21.875rem;
	max-height: 6rem;
	min-height: 4rem
}

.saLogin .saLoginInner {
	width: 100%;
	min-width: 12.5rem;
	max-width: 22.5rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	margin: 2rem
}

.saLogin .saLoginInner form {
	display: flex;
	flex-direction: column
}

.saLogin .saLoginInner .saLoginPageButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	flex-shrink: 0;
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem;
	max-width: 100%;
	width: 100%
}

.saLogin .saLoginInner .saLoginPageButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saLogin .saLoginInner .saLoginPageButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saLogin .saLoginInner .saLoginPageButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saLogin .saLoginInner .saLoginPageButton:active {
	border-radius: .75rem
}

.saLogin .saLoginInner .saLoginPageButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saLogin .saLoginInner a {
	color: #5d237d
}

@media (pointer:fine) {
	.saLogin .saLoginInner a:hover {
		text-decoration: underline
	}
}

.saLogin .saStatus {
	margin-bottom: .5rem
}

.saLogin a.saForgotPassword {
	font-weight: 400;
	font-size: .875rem;
	position: relative;
	text-decoration: none;
	color: #5d237d;
	transition: ease .2s all
}

@media (pointer:fine) {
	.saLogin a.saForgotPassword:hover {
		text-decoration: underline
	}
}

.saLogin a.saForgotPassword:active {
	color: #764296
}

.saLogin a.saForgotPassword::after {
	content: '';
	height: 2rem;
	width: 100%;
	opacity: 0;
	position: absolute;
	right: 0;
	top: -.5rem
}

.saLogin .saLoginDivider {
	display: inline-flex;
	align-items: center;
	position: relative;
	gap: 1.5rem;
	color: #60748b
}

.saLogin .saLoginDivider::after,
.saLogin .saLoginDivider::before {
	content: '';
	height: 1px;
	width: 100%;
	border-radius: 1px;
	position: relative;
	background: #ccd5e2
}

.saLogin .saButtonWrapper {
	margin-top: 1rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	position: relative
}

.saLogin .saSaLogo {
	bottom: 1.5rem;
	left: 1.5rem;
	height: 1.5rem;
	pointer-events: none
}

.saLogin .saLoginCover {
	flex-basis: 65%;
	background: url(../img/body-bg/background.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #eef1f5;
	border-radius: 1.5rem;
	margin: 1rem 1rem 1rem 0
}

.saLogin .saQrCodeWrapper {
	display: flex;
	justify-content: center;
	margin-top: 1rem
}

.saLogin .saBankIdAppInstructions {
	background: url(../img/desktop-phone.svg) top center no-repeat;
	width: 12.5rem;
	height: 12.5rem;
	margin-top: .75rem
}

.saSmallScreen.saLogin .saLoginOuter {
	flex-basis: 100%;
	padding: 1.5rem 1rem 5rem 1rem
}

.saSmallScreen.saLogin .saLoginOuter .saDescription,
.saSmallScreen.saLogin .saLoginOuter .saInfoText,
.saSmallScreen.saLogin .saLoginOuter h1 {
	text-align: center
}

.saSmallScreen.saLogin .saLoginInner {
	max-width: 90%;
	margin: 1.5rem 0
}

.saSmallScreen.saLogin .saLoginCover {
	display: none
}

.saColumnManagerRoot {
	display: flex;
	justify-content: center;
	align-items: safe center;
	color: #333333;
	box-sizing: border-box
}

@media screen and (max-width:400px) {
	.saSmallScreen .saColumnManagerRoot {
		overflow: auto
	}
}

.saColumnManager {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	transform: scale(1);
	transition: transform .2s ease;
	min-width: 0;
	background-color: #fff;
	padding: 1rem;
	gap: 1rem;
	border-radius: 1rem;
	width: 25rem;
	min-height: 25rem;
	box-shadow: 0 0 2rem rgba(49, 58, 68, .07);
	border: solid 1px #ccd5e2
}

.saColumnManager .saTabGroup {
	display: flex;
	position: relative;
	flex-direction: row;
	align-self: flex-start;
	flex: 1;
	width: 100%;
	z-index: 2
}

.saColumnManager .saTabGroup * {
	box-sizing: border-box
}

.saColumnManager .saTabGroup a {
	text-decoration: none
}

.saColumnManager .saTabGroup a>span:first-child {
	display: flex;
	align-items: center;
	justify-content: center
}

.saColumnManager .saTabGroup::after {
	content: '';
	height: 1px;
	width: 100%;
	background: #ccd5e2;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1
}

.saColumnManager .saTabGroup>div {
	display: flex
}

.saColumnManager .saTabGroup div:first-child .saTab {
	border-left: 1px solid #ccd5e2;
	border-radius: .25rem 0 0 0
}

.saColumnManager .saTabGroup div:last-child .saTab {
	border-radius: 0 .25rem 0 0
}

.saColumnManager .saTabGroup div:only-child .saTab {
	border-radius: .25rem .25rem 0 0
}

.saColumnManager .saTab {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #313a44;
	background: #f8f9fb;
	border-color: #eef1f5;
	z-index: 0;
	border: 1px solid #ccd5e2;
	border-left: none;
	font-size: .875rem;
	padding: 0 1rem;
	height: 2.5rem;
	max-width: 32ch;
	gap: .5rem;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saCompact .saColumnManager .saTab {
	padding: 0 .5rem
}

@media (pointer:fine) {
	.saColumnManager .saTab:hover {
		color: #5d237d;
		background-color: #fff
	}

	.saColumnManager .saTab:hover .saIcon {
		color: #5d237d
	}
}

.saColumnManager .saTab:active {
	color: #50146e;
	background-color: #f6deff
}

.saColumnManager .saTab:active .saIcon {
	color: #50146e
}

.saColumnManager .saTab.saSelected {
	color: #5d237d;
	background: #fff;
	border-bottom: 1px solid #fff
}

.saColumnManager .saTab.saSelected .saIcon {
	color: #5d237d
}

.saColumnManager .saTabText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	line-height: 1.125rem;
	font-size: .875rem
}

.saColumnManager .saTab .saIcon {
	color: #60748b;
	transition: ease all .2s
}

.saColumnManager .saBadgeCount {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	box-sizing: border-box;
	min-width: 1rem;
	color: #333333;
	background-color: #e5e2db;
	border-radius: .75rem;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem;
	transition: ease background-color .2s;
	white-space: nowrap;
	flex-shrink: 0
}

.saColumnManager .saBadgeCount.saUrgent {
	color: #fff;
	background-color: #e0173e
}

.saColumnManager .saTabGroup .saTab.saMoreTab {
	padding: 0;
	border-radius: 0 .25rem 0 0
}

.saColumnManager .saTabGroup .saTab.saMoreTab .saBadgeCount {
	position: absolute;
	top: -.25rem;
	right: -.25rem
}

.saColumnManager * {
	box-sizing: border-box
}

.saColumnManager .saEmptyState {
	display: none
}

@media screen and (max-width:400px) {
	.saSmallScreen .saColumnManager {
		min-height: fit-content
	}
}

.saColumnManager .saIsEmpty .saEmptyState {
	display: flex;
	height: 22.5rem;
	justify-content: flex-start
}

.saColumnManager .saIsEmpty .saEmptyState .saDefaultButtonSecondary {
	margin-top: 1.5rem
}

.saColumnManager .saIsEmpty .saResetButton,
.saColumnManager .saIsEmpty .saSorter {
	display: none
}

.saLargeScreen .saColumnManager {
	max-height: 80vh
}

.saColumnManager .saCloseColumnManager {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem;
	color: #5d237d;
	background: 0 0;
	position: absolute;
	top: .5rem;
	right: .5rem;
	font-size: 1.25rem
}

.saColumnManager .saCloseColumnManager .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saColumnManager .saCloseColumnManager .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saColumnManager .saCloseColumnManager .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saColumnManager .saCloseColumnManager:active {
	border-radius: .75rem
}

.saColumnManager .saCloseColumnManager .saIcon {
	color: #333333
}

.saColumnManager .saCloseColumnManager.saDestructive {
	color: #dd1f26
}

.saColumnManager .saCloseColumnManager.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saColumnManager .saCloseColumnManager.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saColumnManager .saCloseColumnManager.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saColumnManager .saCloseColumnManager.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saColumnManager .saCloseColumnManager.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saColumnManager .saCloseColumnManager:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saColumnManager .saCloseColumnManager:hover .saIcon {
		color: #5d237d
	}
}

.saColumnManager .saCloseColumnManager:active {
	background-color: #f6deff;
	color: #50146e
}

.saColumnManager .saCloseColumnManager:active .saIcon {
	color: #50146e
}

.saColumnManager .saCloseColumnManager.saDisabled,
.saColumnManager .saCloseColumnManager:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saColumnManager .saCloseColumnManager.saDisabled .saIcon,
.saColumnManager .saCloseColumnManager:disabled .saIcon {
	color: #adbdd1
}

.saColumnManager .saCloseColumnManager::after {
	content: "";
	height: 3rem;
	width: 3rem;
	opacity: 0;
	position: absolute;
	top: -.5rem;
	right: -.5rem
}

.saColumnManager .saColumnManagerTopRow {
	display: flex
}

.saColumnManager .saResetButton {
	margin-left: auto;
	width: fit-content
}

.saColumnManager .saButtonGroup {
	display: flex;
	gap: .5rem;
	align-items: center;
	flex-wrap: wrap
}

.saColumnManager .saButtonGroup button {
	min-width: 6rem
}

.saColumnManager .saColumnManagerContent {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	font-size: .875rem;
	overflow: hidden;
	height: 100%
}

@media screen and (max-width:400px) {
	.saSmallScreen .saColumnManager .saColumnManagerContent {
		min-height: fit-content
	}
}

.saCompact .saColumnManager .saTab {
	padding: 0 1rem
}

.saColumnManager .saColumnManagerPanelWrapper {
	overflow: auto
}

.saColumnManager .saColumnManagerPanel {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	overflow: hidden;
	height: 100%
}

.saSmallScreen .saColumnManager .saColumnManagerPanel {
	overflow: unset
}

.saColumnManager .saShowHideWrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: .5rem;
	padding-left: .625rem;
	cursor: pointer;
	margin-bottom: -.25rem;
	width: fit-content
}

.saColumnManager .saColumnManagerHeader {
	display: flex;
	flex-direction: column;
	gap: .25rem
}

.saColumnManager ul {
	display: flex;
	flex-direction: column;
	overflow: auto
}

.saSmallScreen .saColumnManager ul {
	overflow: unset
}

.saColumnManager .saColumnManagerDescription {
	font-size: .875rem;
	color: #60748b;
	line-height: 1rem
}

.saColumnManager li.saDisabled {
	cursor: not-allowed
}

.saColumnManager li.saDisabled:active {
	cursor: not-allowed
}

.saColumnManager li.saDisabled label {
	pointer-events: none
}

.saColumnManager li.saDisabled .saIcon {
	color: transparent;
	visibility: hidden
}

.saColumnManager li label {
	display: flex;
	width: 100%;
	padding: .25rem 0;
	background-color: transparent
}

.saColumnManager li.saPlaceholder {
	height: 3rem;
	padding: .25rem 0
}

.saColumnManager li.saPlaceholder div {
	height: 2.5rem;
	background-color: #dde3ec;
	border-radius: .5rem
}

.saColumnManager .saColumnItem {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	box-sizing: border-box;
	min-width: 0;
	border: 1px solid #ccd5e2;
	cursor: grab;
	padding: .5rem .75rem .5rem .5625rem;
	border-radius: .5rem;
	height: 2.5rem;
	background-color: #eef1f5;
	width: 100%
}

.saColumnManager .saColumnItem:active {
	cursor: grabbing
}

.saColumnManager .saColumnItem .far {
	font-size: 1rem;
	color: #7088a4
}

.saColumnManager .saColumnItem .saColumnItemButtons {
	display: flex;
	flex-direction: row;
	align-items: center
}

.saColumnManager .saColumnItem .saColumnItemButtons li {
	width: 2rem
}

.saColumnManager .saColumnItem .saColumnItemButtons button {
	border: none;
	background-color: transparent;
	font-size: 1.25rem
}

@media (pointer:fine) {
	.saColumnManager .saColumnItem .saColumnItemButtons button:hover {
		border: solid 1px #5d237d
	}
}

.saColumnManager .saColumnItem .saColumnItemButtons .saDragHandle {
	margin-left: .5rem
}

.saColumnManager .saSelected .saColumnItem {
	background-color: #fff
}

.saColumnManager .saItemInner {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: .5rem;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.saColumnManager .saItemInner input.saCheckbox::after {
	height: 3rem;
	width: 3rem
}

.saColumnManager .saItemInner span {
	font-size: .875rem;
	line-height: 1.125rem;
	max-width: 16rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.saColumnManager .saItemLabel {
	font-size: .875rem;
	line-height: 1.125rem;
	pointer-events: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: .5rem
}

.saSmallScreen .saColumnManager {
	width: 100%;
	height: 95%;
	margin: 1rem;
	justify-content: space-between
}

.saSmallScreen .saColumnManager .saTabGroup {
	max-height: 2.5rem
}

.saSmallScreen .saColumnManager .saSmallScreenDragHandle {
	position: absolute;
	width: 20%;
	height: 100%;
	height: 2.5rem;
	margin-top: 2px;
	right: 0
}

.saColumnManager .saInputTextWrapper.saLabeled {
	margin: 0;
	width: 100%
}

.saSmallScreen .saColumnManager .saInputTextWrapper.saLabeled .saInputText,
.saSmallScreen .saColumnManager .saInputTextWrapper.saLabeled .saTrailingIconsWrapper,
.saStandard .saColumnManager .saInputTextWrapper.saLabeled .saInputText,
.saStandard .saColumnManager .saInputTextWrapper.saLabeled .saTrailingIconsWrapper {
	height: 2.5rem
}

.saColumnManager .saRow {
	display: flex;
	gap: .5rem;
	width: 100%
}

.saColumnManager .saRemoveColumnButton {
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saColumnManager .saRemoveColumnButton .saIcon {
	color: #333333
}

.saColumnManager .saRemoveColumnButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saColumnManager .saRemoveColumnButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saColumnManager .saRemoveColumnButton:hover .saIcon {
		color: #5d237d
	}

	.saColumnManager .saRemoveColumnButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saColumnManager .saRemoveColumnButton:active {
	background: #f6deff
}

.saColumnManager .saRemoveColumnButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saColumnManager .saRemoveColumnButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saColumnManager .saRemoveColumnButton.saDestructive .saIcon {
	color: #dd1f26
}

.saColumnManager .saRemoveColumnButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saColumnManager .saRemoveColumnButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saColumnManager .saRemoveColumnButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saColumnManager .saRemoveColumnButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saColumnManager .saRemoveColumnButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saColumnManager .saRemoveColumnButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saColumnManager .saRemoveColumnButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saStandard .saColumnManager .saRemoveColumnButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saColumnManager .saRemoveColumnButton:active {
	border-radius: .75rem
}

.saCompact .saColumnManager .saRemoveColumnButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saColumnManager .saRemoveColumnButton:active {
	border-radius: .75rem
}

.saSmallScreen .saColumnManager .saRemoveColumnButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saColumnManager .saRemoveColumnButton:active {
	border-radius: .75rem
}

.saStandard .saColumnManager .saRemoveColumnButton {
	min-width: 2.5rem
}

.saColumnManager .saSorter {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 1rem;
	overflow-y: auto;
	position: relative;
	min-height: 22.5rem
}

.saColumnManager .saSortDivider {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .5rem;
	width: 100%;
	font-size: .75rem;
	color: #60748b
}

.saColumnManager .saSortDivider::after,
.saColumnManager .saSortDivider::before {
	content: "";
	width: 100%;
	display: flex;
	height: 1px;
	background-color: #ccd5e2
}

.saColumnManager .saSortDivider span {
	display: flex;
	white-space: nowrap
}

.saColumnManager .saToggleGrid {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	border-radius: .5rem
}

.saCompact .saColumnManager .saToggleGrid {
	min-height: 2rem
}

.saColumnManager .saToggleGrid input {
	position: absolute;
	inset: 0;
	opacity: 1;
	pointer-events: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: border-radius ease .2s
}

.saColumnManager .saToggleGrid label {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	margin: 0;
	padding: 0;
	min-height: 2.5rem;
	width: 100%;
	flex: 1;
	cursor: pointer;
	font-weight: 500;
	text-align: center;
	transition: ease background .2s, ease color .2s, ease border-color .2s, ease border-radius .2s, ease box-shadow .2s;
	background-color: #fff;
	border: 1px solid #ccd5e2;
	position: relative;
	min-width: 2.5rem;
	font-size: 1rem;
	color: #333333
}

.saColumnManager .saToggleGrid label:first-child {
	border-radius: .5rem 0 0 .5rem;
	margin-right: -1px
}

.saColumnManager .saToggleGrid label:first-child input {
	border-radius: .5rem 0 0 .5rem
}

.saColumnManager .saToggleGrid label:last-child {
	border-right-style: solid;
	border-width: 1px;
	border-radius: 0 .5rem .5rem 0
}

.saColumnManager .saToggleGrid label:last-child input {
	border-radius: 0 .5rem .5rem 0
}

.saCompact .saColumnManager .saToggleGrid label {
	min-width: 2rem;
	min-height: 2rem
}

@media (pointer:fine) {
	.saColumnManager .saToggleGrid label:hover {
		color: #5d237d;
		background-color: #f6deff;
		border-color: #5d237d;
		z-index: 3
	}
}

.saColumnManager .saToggleGrid label:active {
	color: #50146e;
	background-color: #fcf7ff;
	border-color: #50146e
}

.saColumnManager .saToggleGrid label:active:first-child {
	border-radius: .75rem 0 0 .75rem
}

.saColumnManager .saToggleGrid label:active:first-child input {
	border-radius: .75rem 0 0 .75rem
}

.saColumnManager .saToggleGrid label:active:last-child {
	border-radius: 0 .75rem .75rem 0
}

.saColumnManager .saToggleGrid label:active:last-child input {
	border-radius: 0 .75rem .75rem 0
}

.saColumnManager .saToggleGrid label.saSelected {
	z-index: 2;
	background-color: #f6deff;
	color: #5d237d;
	border-color: #5d237d
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink.saInactive,
.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink.saInactive:active,
.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink.saInactive:hover {
	background: #ccd5e2 !important
}

.saGalleryLoadingText {
	display: none;
	flex-direction: column;
	gap: .25rem;
	position: absolute;
	inset: 0;
	font-size: .75rem;
	color: #7088a4;
	transition: none;
	align-items: center;
	justify-content: center
}

.saLoading>.saGalleryLoadingText {
	display: flex
}

.saGalleryWrapper {
	display: flex;
	gap: .5rem;
	flex-direction: column
}

.saGalleryWrapper * {
	box-sizing: border-box
}

.saSmallScreen .saGalleryWrapper {
	width: unset;
	padding: unset
}

.saGalleryWrapper .saEmptyStateGallery {
	border: 1px solid #ccd5e2;
	border-radius: 1rem;
	background: #f8f9fb;
	padding: 2rem;
	max-width: 40rem
}

.saGalleryWrapper .saGalleryToolbarWrapper {
	display: flex;
	align-items: center;
	gap: 1rem
}

.saSmallScreen .saGalleryWrapper .saGalleryToolbarWrapper {
	padding: 1rem;
	position: relative;
	height: fit-content;
	top: 0;
	gap: .5rem;
	transition: ease transform .4s, ease box-shadow .2s;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between
}

.saGalleryWrapper .saGalleryToolbarWrapper .saGalleryToolbar {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: .5rem
}

.saSmallScreen .saGalleryWrapper .saGalleryToolbarWrapper .saGalleryToolbar {
	gap: 1rem;
	margin-left: 0
}

.saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	border-radius: .5rem;
	margin-top: 1px
}

.saCompact .saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid {
	min-height: 2rem
}

.saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid input {
	position: absolute;
	inset: 0;
	opacity: 1;
	pointer-events: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: border-radius ease .2s
}

.saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid label {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	margin: 0;
	padding: 0;
	min-height: 2.5rem;
	width: 100%;
	flex: 1;
	cursor: pointer;
	font-weight: 500;
	text-align: center;
	transition: ease background .2s, ease color .2s, ease border-color .2s, ease border-radius .2s, ease box-shadow .2s;
	background-color: #fff;
	border: 1px solid #ccd5e2;
	position: relative;
	min-width: 2.5rem;
	font-size: 1rem;
	color: #333333
}

.saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid label:nth-child(2) {
	border-radius: .5rem 0 0 .5rem;
	margin-right: -1px
}

.saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid label:nth-child(2) input {
	border-radius: .5rem 0 0 .5rem
}

.saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid label:nth-child(3) {
	border-right-style: solid;
	border-width: 1px;
	border-radius: 0 .5rem .5rem 0
}

.saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid label:nth-child(3) input {
	border-radius: 0 .5rem .5rem 0
}

.saCompact .saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid label {
	min-width: 2rem;
	min-height: 2rem
}

@media (pointer:fine) {
	.saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid label:hover {
		color: #5d237d;
		background-color: #f6deff;
		border-color: #5d237d;
		z-index: 3
	}
}

.saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid label:active {
	color: #50146e;
	background-color: #fcf7ff;
	border-color: #50146e
}

.saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid label:active:nth-child(2) {
	border-radius: .75rem 0 0 .75rem
}

.saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid label:active:nth-child(2) input {
	border-radius: .75rem 0 0 .75rem
}

.saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid label:active:nth-child(3) {
	border-radius: 0 .75rem .75rem 0
}

.saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid label:active:nth-child(3) input {
	border-radius: 0 .75rem .75rem 0
}

.saGalleryWrapper .saGalleryToolbarWrapper .saToggleGrid label.saSelected {
	z-index: 2;
	background-color: #f6deff;
	color: #5d237d;
	border-color: #5d237d
}

.saSmallScreen .saGalleryWrapper .saGallerySelectWrapper {
	display: flex;
	gap: 1rem
}

.saGalleryWrapper .saGallerySelectAll {
	display: flex;
	gap: .5rem;
	align-items: center;
	cursor: pointer;
	height: 2rem
}

.saSmallScreen .saGalleryWrapper .saGallerySelectAll {
	display: none
}

.saSmallScreen .saShowCheckboxes .saGalleryWrapper .saGallerySelectAll {
	display: flex
}

.saGalleryWrapper .saGallerySelectAllInner {
	display: flex;
	flex-direction: column
}

.saGalleryWrapper .saGallerySelectAllTitle {
	font-size: .875rem;
	margin-bottom: -1px
}

.saGalleryWrapper .saGallerySelectAllDescription {
	display: flex;
	gap: .25rem;
	font-size: .75rem;
	margin-top: -1px;
	color: #60748b
}

.saGalleryWrapper .saGallery {
	display: flex;
	gap: 1.5rem;
	flex-direction: column
}

.saSmallScreen .saGalleryWrapper .saGallery {
	padding: 0 1rem 1rem 1rem
}

.saGalleryWrapper .saGalleryGroup .saHeadingButton {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin: 0;
	border: none;
	cursor: pointer;
	background: 0 0;
	color: #333333;
	transition: ease background-color .2s, ease color .2s, ease border-radius .2s;
	width: fit-content;
	min-height: 2rem
}

.saGalleryWrapper .saGalleryGroup .saHeadingButton .saBadgeCount {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	box-sizing: border-box;
	min-width: 1rem;
	color: #333333;
	background-color: #e5e2db;
	border-radius: .75rem;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem;
	transition: ease background-color .2s;
	white-space: nowrap;
	flex-shrink: 0
}

.saGalleryWrapper .saGalleryGroup .saHeadingButton .saBadgeCount.saUrgent {
	color: #fff;
	background-color: #e0173e
}

.saGalleryWrapper .saGalleryGroup .saHeadingButton .saBadgeCount {
	background-color: #eef1f5;
	color: #333333
}

@media (pointer:fine) {
	.saGalleryWrapper .saGalleryGroup .saHeadingButton:hover {
		color: #50146e
	}

	.saGalleryWrapper .saGalleryGroup .saHeadingButton:hover .saIcon,
	.saGalleryWrapper .saGalleryGroup .saHeadingButton:hover h2 {
		color: #50146e
	}
}

.saGalleryWrapper .saGalleryGroup .saHeadingButton:active {
	color: #42045f
}

.saGalleryWrapper .saGalleryGroup .saHeadingButton:active .saIcon,
.saGalleryWrapper .saGalleryGroup .saHeadingButton:active h2 {
	color: #42045f
}

.saGalleryWrapper .saGalleryGroup .saHeadingButton .saIcon {
	transition: ease background-color .2s, ease color .2s, ease border-radius .2s, ease transform .2s;
	color: #333333;
	font-size: 1rem
}

.saGalleryWrapper .saGalleryGroup .saHeadingButton.saOpen .saIcon {
	transform: rotate(-180deg)
}

.saSmallScreen .saGalleryWrapper .saGalleryGroup .saHeadingButton {
	width: 100%;
	min-height: 2.75rem
}

.saGalleryWrapper .saGalleryGroup .saHeadingButton h2 {
	text-align: left;
	word-break: break-all;
	transition: ease color .2s
}

.saLargeScreen .saGalleryWrapper .saToggleWrapper {
	display: none
}

.saGalleryWrapper .saGalleryGroup {
	display: flex;
	flex-direction: column;
	gap: .5rem
}

.saGalleryWrapper .saGalleryGroup ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem
}

.saColumnsGrid .saGalleryWrapper .saGalleryGroup ul {
	gap: 0
}

.saColumnsXSmall .saGalleryWrapper .saGalleryGroup ul {
	gap: .5rem
}

.saGalleryWrapper .saGalleryItem {
	border-radius: .5rem;
	position: relative;
	cursor: zoom-in;
	transition: ease border-color .1s, ease border-radius .2s;
	user-select: none;
	flex: 1
}

.saLargeScreen .saGalleryWrapper .saGalleryItem:focus-within {
	outline: 0
}

.saLargeScreen .saGalleryWrapper .saGalleryItem:focus-within .saGalleryItemImg {
	outline: 2px solid #5d237d;
	outline-offset: -2px
}

.saLargeScreen .saGalleryWrapper .saGalleryItem:focus-within .saCheckbox,
.saLargeScreen .saGalleryWrapper .saGalleryItem:focus-within .saMoreButton {
	visibility: visible;
	opacity: 1
}

@media (pointer:fine) {
	.saGalleryWrapper .saGalleryItem:hover {
		color: #5d237d
	}

	.saGalleryWrapper .saGalleryItem:hover .saGalleryItemDescription {
		color: #5d237d
	}

	.saGalleryWrapper .saGalleryItem:hover .saGalleryItemImg {
		outline: 2px solid #5d237d;
		outline-offset: -2px
	}

	.saLargeScreen .saGalleryWrapper .saGalleryItem:hover .saCheckbox {
		visibility: visible;
		opacity: 1
	}
}

.saGalleryWrapper .saGalleryItem:active .saGalleryItemImg {
	border-radius: 1.5rem
}

.saGalleryWrapper .saGalleryItem:active .saGalleryItemImg::after {
	border-radius: 1.5rem
}

.saGalleryWrapper .saGalleryItem.saSelected .saGalleryItemImg {
	outline: 2px solid #5d237d;
	outline-offset: -2px
}

.saGalleryWrapper .saGalleryItem.saSelected .saGalleryItemImg::after {
	opacity: .5
}

.saGalleryWrapper .saGalleryItem.saSelected .saCheckbox {
	visibility: visible;
	opacity: 1
}

@media (pointer:fine) {
	.saGalleryWrapper .saGalleryItem.saSelected:hover .saGalleryItemImg {
		outline: 2px solid #5d237d;
		outline-offset: -2px
	}
}

.saGalleryWrapper .saGalleryItem .saCheckbox {
	position: absolute;
	top: .625rem;
	left: .625rem;
	visibility: hidden;
	opacity: 0;
	box-shadow: 0 0 0 2px #fff;
	z-index: 2
}

.saSmallScreen .saShowCheckboxes .saGalleryWrapper .saGalleryItem .saCheckbox {
	visibility: visible;
	opacity: 1
}

.saGalleryWrapper .saGalleryItem .saMoreButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333;
	position: absolute;
	top: .375rem;
	right: .375rem;
	visibility: hidden;
	opacity: 0;
	z-index: 2
}

.saGalleryWrapper .saGalleryItem .saMoreButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saGalleryWrapper .saGalleryItem .saMoreButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saGalleryWrapper .saGalleryItem .saMoreButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saGalleryWrapper .saGalleryItem .saMoreButton:active {
	border-radius: .75rem
}

.saGalleryWrapper .saGalleryItem .saMoreButton .saIcon {
	color: #333333
}

.saGalleryWrapper .saGalleryItem .saMoreButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saGalleryWrapper .saGalleryItem .saMoreButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saGalleryWrapper .saGalleryItem .saMoreButton:hover .saIcon {
		color: #5d237d
	}

	.saGalleryWrapper .saGalleryItem .saMoreButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saGalleryWrapper .saGalleryItem .saMoreButton:active {
	background: #f6deff
}

.saGalleryWrapper .saGalleryItem .saMoreButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saGalleryWrapper .saGalleryItem .saMoreButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saGalleryWrapper .saGalleryItem .saMoreButton.saDestructive .saIcon {
	color: #dd1f26
}

.saGalleryWrapper .saGalleryItem .saMoreButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saGalleryWrapper .saGalleryItem .saMoreButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saGalleryWrapper .saGalleryItem .saMoreButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saGalleryWrapper .saGalleryItem .saMoreButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saGalleryWrapper .saGalleryItem .saMoreButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saGalleryWrapper .saGalleryItem .saMoreButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saGalleryWrapper .saGalleryItem .saMoreButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saGalleryWrapper .saGalleryItem .saMoreButton .saIcon {
	font-size: 1rem
}

.saSmallScreen .saGalleryWrapper .saGalleryItem .saMoreButton {
	display: none
}

.saGalleryWrapper .saGalleryItem .saMoreButton.open {
	visibility: visible;
	opacity: 1
}

@media (pointer:fine) {
	.saGalleryWrapper .saGalleryItem:hover .saMoreButton {
		visibility: visible;
		opacity: 1
	}
}

.saColumnsLarge.saGalleryWrapper .saGalleryItem {
	min-width: 10rem;
	max-width: 10rem
}

.saSmallScreen .saColumnsLarge.saGalleryWrapper .saGalleryItem {
	min-width: calc((100% - 1rem)/ 2);
	max-width: calc((100% - 1rem)/ 2)
}

.saSmallScreen .saColumnsLarge.saGalleryWrapper .saGalleryItem .saGalleryItemImg {
	min-width: unset;
	max-width: unset;
	min-height: unset;
	max-height: unset
}

.saColumnsSmall.saGalleryWrapper .saGalleryItem {
	min-width: 5rem;
	max-width: 5rem
}

.saColumnsSmall.saGalleryWrapper .saGalleryItem .saGalleryItemImg {
	min-width: 5rem;
	max-width: 5rem;
	min-height: 5rem;
	max-height: 5rem
}

.saColumnsSmall.saGalleryWrapper .saGalleryItem .saGalleryItemCaption {
	font-size: .75rem;
	line-height: .875rem
}

.saColumnsSmall.saGalleryWrapper .saGalleryItem .saGalleryItemDescription {
	font-size: .625rem;
	line-height: .75rem
}

.saSmallScreen .saColumnsSmall.saGalleryWrapper .saGalleryItem {
	min-width: calc((100% - 3rem)/ 4);
	max-width: calc((100% - 3rem)/ 4)
}

.saSmallScreen .saColumnsSmall.saGalleryWrapper .saGalleryItem .saGalleryItemImg {
	min-width: unset;
	max-width: unset;
	min-height: unset;
	max-height: unset
}

.saGalleryWrapper .saGalleryItemImg {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	border-radius: 1rem;
	transition: ease border-radius .2s, ease box-shadow .1s, ease background .2s, ease opacity .2s;
	border: 1px solid #ccd5e2;
	position: relative;
	overflow: hidden;
	background: #eef1f5;
	aspect-ratio: 1/1
}

.saGalleryWrapper .saGalleryItemImg img {
	pointer-events: none;
	width: 100%;
	height: 100%
}

.saGalleryWrapper .saGalleryItemImg::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background: #fff;
	border-radius: 1rem;
	transition: ease border-radius .2s, ease box-shadow .1s, ease background .2s, ease opacity .2s;
	opacity: 0;
	pointer-events: none
}

.saGalleryWrapper .saGalleryItemImg.saLoading img {
	opacity: 0;
	min-height: 5rem
}

.saGalleryWrapper .saGalleryItemImg.saError::after {
	content: '\e1b7';
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Font Awesome 6 Pro';
	font-size: 1.5rem;
	color: #8fa5c0;
	position: absolute
}

.saGalleryWrapper .saGalleryItemImg.saError img {
	opacity: 0;
	min-height: 5rem
}

.saGalleryWrapper .saGalleryContain .saGalleryItemImg img {
	object-fit: contain
}

.saGalleryWrapper .saGalleryCover .saGalleryItemImg img {
	object-fit: cover
}

.saGalleryWrapper .saGalleryItemBody {
	padding: .5rem .25rem;
	overflow: hidden
}

.saGalleryWrapper .saGalleryItemBody:empty {
	display: none
}

.saGalleryWrapper .saGalleryItemCaption {
	font-size: .875rem;
	line-height: 1.125rem;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 500;
	word-break: break-all
}

.saGalleryWrapper .saGalleryItemDescription {
	font-size: .75rem;
	line-height: .875rem;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #60748b;
	font-weight: 300;
	word-break: break-all
}

.saImageCarouselWrapper {
	display: flex;
	flex-direction: row;
	width: calc(100% - 2px);
	border: 1px solid #ccd5e2;
	border-radius: 1rem 1rem 1rem 1.5rem;
	overflow: hidden;
	outline: 0
}

.saSmallScreen .saImageCarouselWrapper {
	border-radius: 0;
	border: none
}

.saSmallScreen .saImageCarouselWrapper .saCarouselInfo {
	display: none
}

.saPopupOverlay .saImageCarouselWrapper {
	height: calc(100vh - 1.5rem * 2);
	width: calc(100% - 1.5rem * 2);
	margin-left: 1.5rem;
	margin-top: 1.5rem;
	animation: pop-up .2s ease
}

.saSmallScreen .saPopupOverlay .saImageCarouselWrapper {
	height: 100vh;
	width: 100vw;
	margin: unset
}

@keyframes pop-up {
	0% {
		transform: scale(0)
	}

	100% {
		transform: scale(1)
	}
}

.saImageCarouselWrapper .saCarouselInfoButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333;
	margin-left: auto
}

.saImageCarouselWrapper .saCarouselInfoButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saImageCarouselWrapper .saCarouselInfoButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saImageCarouselWrapper .saCarouselInfoButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saImageCarouselWrapper .saCarouselInfoButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saImageCarouselWrapper .saCarouselInfoButton:active {
	border-radius: .75rem
}

.saCompact .saImageCarouselWrapper .saCarouselInfoButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saImageCarouselWrapper .saCarouselInfoButton:active {
	border-radius: .75rem
}

.saSmallScreen .saImageCarouselWrapper .saCarouselInfoButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saImageCarouselWrapper .saCarouselInfoButton:active {
	border-radius: .75rem
}

.saImageCarouselWrapper .saCarouselInfoButton .saIcon {
	color: #333333
}

.saImageCarouselWrapper .saCarouselInfoButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saImageCarouselWrapper .saCarouselInfoButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saImageCarouselWrapper .saCarouselInfoButton:hover .saIcon {
		color: #5d237d
	}

	.saImageCarouselWrapper .saCarouselInfoButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saImageCarouselWrapper .saCarouselInfoButton:active {
	background: #f6deff
}

.saImageCarouselWrapper .saCarouselInfoButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saImageCarouselWrapper .saCarouselInfoButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saImageCarouselWrapper .saCarouselInfoButton.saDestructive .saIcon {
	color: #dd1f26
}

.saImageCarouselWrapper .saCarouselInfoButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saImageCarouselWrapper .saCarouselInfoButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saImageCarouselWrapper .saCarouselInfoButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saImageCarouselWrapper .saCarouselInfoButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saImageCarouselWrapper .saCarouselInfoButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saImageCarouselWrapper .saCarouselInfoButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saImageCarouselWrapper .saCarouselInfoButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saLargeScreen .saImageCarouselWrapper .saCarouselInfoButton {
	display: none
}

.saImageCarouselWrapper .saCarousel {
	padding: 1rem;
	width: 100%;
	overflow: hidden;
	background: #eef1f5
}

.saImageCarouselWrapper .saCarousel .saContextMenuWrapper {
	position: relative
}

.saImageCarouselWrapper .saCarousel .saContextMenuWrapper .saContextMenu {
	position: absolute;
	overflow-x: hidden
}

.saImageCarouselWrapper .saCarousel .saContextMenuWrapper .saContextMenuItem {
	max-width: 25rem
}

.saSmallScreen .saImageCarouselWrapper .saCarousel .saContextMenuWrapper .saContextMenuItem {
	max-width: 90vw
}

.saImageCarouselWrapper .saCarousel .saContextMenuWrapper .saButtonText {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left
}

.saImageCarouselWrapper .saCarousel .saBadgeCount {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	box-sizing: border-box;
	min-width: 1rem;
	color: #333333;
	background-color: #e5e2db;
	border-radius: .75rem;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem;
	transition: ease background-color .2s;
	white-space: nowrap;
	flex-shrink: 0
}

.saImageCarouselWrapper .saCarousel .saBadgeCount.saUrgent {
	color: #fff;
	background-color: #e0173e
}

.saImageCarouselWrapper .saCarousel .saBadge {
	height: .875rem;
	min-width: .875rem;
	font-size: .625rem;
	right: -.25rem;
	bottom: -.25rem;
	z-index: 2
}

.saImageCarouselWrapper .saCarousel .saNavigationBar {
	display: flex
}

.saImageCarouselWrapper .saCarousel .saTopButtons {
	gap: .5rem;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
	flex-shrink: 99
}

.saImageCarouselWrapper .saCarousel .saCollectorWrapper {
	display: flex
}

.saImageCarouselWrapper .saCarousel .saActionLinks {
	display: flex;
	gap: .5rem
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	background-color: #f5f3ee;
	color: #333333;
	border: solid 1px #ccd5e2;
	position: relative
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton .saIcon {
	color: #333333
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton:hover .saIcon {
		color: #5d237d
	}

	.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton:active {
	background: #f6deff
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton.saDestructive .saIcon {
	color: #dd1f26
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saStandard .saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton:active {
	border-radius: .75rem
}

.saCompact .saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton:active {
	border-radius: .75rem
}

.saSmallScreen .saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton:active {
	border-radius: .75rem
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton.saOpen {
	background-color: #f6deff;
	border-color: #5d237d
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton.saOpen .saIcon {
	color: #5d237d
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saMoreButton .saBadgeCount {
	position: absolute;
	top: -.25rem;
	right: -.25rem
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	min-width: 3.5rem
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink:active {
	border-radius: .75rem
}

.saStandard .saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink:active {
	border-radius: .75rem
}

.saCompact .saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink:active {
	border-radius: .75rem
}

.saSmallScreen .saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink.saInactive,
.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink.saInactive:active,
.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink.saInactive:hover {
	cursor: default;
	background: #eef1f5;
	color: #8fa5c0;
	border-color: transparent;
	border-radius: .5rem
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink.saInactive .saIcon,
.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink.saInactive:active .saIcon,
.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink.saInactive:hover .saIcon {
	color: #8fa5c0
}

.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink.saInactive .saBadge,
.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink.saInactive:active .saBadge,
.saImageCarouselWrapper .saCarousel .saActionLinks .saActionLink.saInactive:hover .saBadge {
	color: #60748b;
	background: #eef1f5;
	border-color: #60748b
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks {
	display: flex;
	align-items: center
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem;
	color: #5d237d;
	background: 0 0;
	position: relative
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton:active {
	border-radius: .75rem
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton .saIcon {
	color: #333333
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton.saDestructive {
	color: #dd1f26
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton:hover .saIcon {
		color: #5d237d
	}
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton:active .saIcon {
	color: #50146e
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton.saDisabled,
.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton.saDisabled .saIcon,
.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton:disabled .saIcon {
	color: #adbdd1
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton.saOpen {
	background: #f8f9fb;
	color: #5d237d
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton.saOpen .saIcon {
	color: #5d237d
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saMoreButton .saBadgeCount {
	position: absolute;
	top: -.25rem;
	right: -.25rem
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	padding: .5rem;
	border-radius: .5rem;
	font-size: .875rem;
	display: flex;
	gap: .5rem;
	align-items: center;
	color: #333333;
	padding: .375rem .75rem;
	height: 2rem;
	border: none;
	background: 0 0;
	margin: 0;
	font: inherit;
	cursor: pointer;
	transition: ease background .2s, ease color .2s, ease border-radius .2s;
	text-decoration: none;
	border-radius: 0
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink:active {
	border-radius: .75rem
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink .saIcon {
	color: #333333
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink .saBadge {
	right: -.375rem;
	bottom: -.25rem;
	border: 1px solid;
	height: .75rem;
	min-width: .75rem;
	font-size: .5rem;
	border-color: #fff;
	color: #fff;
	background-color: #333333
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink.saButtonPrimary {
	color: #006ebf;
	position: relative
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink.saButtonPrimary .saIcon {
	color: #006ebf
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink.saButtonPrimary .saBadge {
	background-color: #006ebf
}

@media (pointer:fine) {
	.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink:hover {
		color: #006ebf;
		text-decoration: underline
	}

	.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink:hover .saIcon {
		color: #006ebf
	}

	.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink:hover .saBadge {
		background-color: #006ebf
	}
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink:active {
	color: #004f97;
	border-radius: 0
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink:active .saIcon {
	color: #004f97
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink:active .saBadge {
	background-color: #004f97
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink.saButtonPrimary+.saNavigationLink {
	border-left: 1px solid #ccd5e2
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink.saInactive,
.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink.saInactive:active,
.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink.saInactive:hover {
	cursor: not-allowed;
	color: #8fa5c0;
	text-decoration: none
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink.saInactive .saIcon,
.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink.saInactive:active .saIcon,
.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink.saInactive:hover .saIcon {
	color: #8fa5c0
}

.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink.saInactive .saBadge,
.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink.saInactive:active .saBadge,
.saImageCarouselWrapper .saCarousel .saNavigationLinks .saNavigationLink.saInactive:hover .saBadge {
	color: #8fa5c0;
	background: #fff;
	border-color: #8fa5c0
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons {
	display: flex;
	margin-right: 0
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333;
	position: relative
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton .saIcon {
	color: #333333
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton:hover .saIcon {
		color: #5d237d
	}

	.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton:active {
	background: #f6deff
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton.saDestructive .saIcon {
	color: #dd1f26
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saStandard .saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton:active {
	border-radius: .75rem
}

.saCompact .saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton:active {
	border-radius: .75rem
}

.saSmallScreen .saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton:active {
	border-radius: .75rem
}

@media (pointer:fine) {
	.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton:hover {
		z-index: 1
	}
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton.saPrevious {
	border-radius: .5rem 0 0 .5rem;
	margin-right: -1px
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton.saPrevious:active {
	border-radius: .75rem 0 0 .75rem
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton.saNext {
	border-radius: 0 .5rem .5rem 0
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton.saNext:active {
	border-radius: 0 .75rem .75rem 0
}

.saImageCarouselWrapper .saCarousel .saBrowseButtons .saBrowseButton.saDisabled {
	opacity: .4;
	pointer-events: none
}

.saLargeScreen .saImageCarouselWrapper .saCarousel .saActionLink {
	max-width: 33rem
}

.saStandard .saImageCarouselWrapper .saCarousel .saActionLinks .saContextMenu {
	top: 3.5rem
}

.saStandard .saImageCarouselWrapper .saCarousel .saNavigationLinks .saContextMenu {
	top: 2.75rem
}

.saCompact .saImageCarouselWrapper .saCarousel .saContextMenu .saContextMenuItem {
	font-size: .875rem
}

.saCompact .saImageCarouselWrapper .saCarousel .saActionLinks .saContextMenu {
	top: 2.75rem
}

.saCompact .saImageCarouselWrapper .saCarousel .saNavigationLinks .saContextMenu {
	top: 2.75rem
}

.saCompact .saImageCarouselWrapper .saCarousel .saBadge {
	right: -.375rem;
	bottom: -.25rem;
	border: 1px solid;
	height: .75rem;
	min-width: .75rem;
	font-size: .5rem
}

.saSmallScreen .saImageCarouselWrapper .saCarousel .saActionLink {
	max-width: calc(100% - 4.5rem);
	min-width: 5.5rem
}

.saSmallScreen .saImageCarouselWrapper .saCarousel .saBrowseButtons {
	margin-left: .5rem
}

.saSmallScreen .saImageCarouselWrapper .saCarousel .saTopButtons {
	justify-content: space-between;
	width: 100%;
	flex-basis: 100%;
	box-sizing: border-box
}

.saSmallScreen .saImageCarouselWrapper .saCarousel {
	padding: 0
}

.saImageCarouselWrapper .saCarousel .saButtonText {
	line-height: 1.125rem
}

.saImageCarouselWrapper .saCarousel .saTopButtons {
	justify-content: center
}

.saImageCarouselWrapper .saCarouselInner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	width: 100%;
	position: relative
}

.saSmallScreen .saImageCarouselWrapper .saCarouselInner {
	gap: .5rem
}

.saImageCarouselWrapper .saCarouselHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 3.5rem;
	max-height: 3.5rem;
	width: 100%;
	padding: 0 .75rem;
	box-sizing: border-box;
	gap: .5rem
}

.saImageCarouselWrapper .saNavigationBar {
	width: 100%;
	box-sizing: border-box
}

.saImageCarouselWrapper .saNavigationBar:empty {
	display: none
}

.saSmallScreen .saImageCarouselWrapper .saNavigationBar {
	max-width: 2.5rem
}

.saSmallScreen .saImageCarouselWrapper .saNavigationBar .saMoreButton {
	margin-left: -.5rem
}

.saImageCarouselWrapper .saCarouselButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	background-color: #f5f3ee;
	color: #333333;
	border: solid 1px #ccd5e2;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.saImageCarouselWrapper .saCarouselButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saImageCarouselWrapper .saCarouselButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saImageCarouselWrapper .saCarouselButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saImageCarouselWrapper .saCarouselButton .saIcon {
	color: #333333
}

.saImageCarouselWrapper .saCarouselButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saImageCarouselWrapper .saCarouselButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saImageCarouselWrapper .saCarouselButton:hover .saIcon {
		color: #5d237d
	}

	.saImageCarouselWrapper .saCarouselButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saImageCarouselWrapper .saCarouselButton:active {
	background: #f6deff
}

.saImageCarouselWrapper .saCarouselButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saImageCarouselWrapper .saCarouselButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saImageCarouselWrapper .saCarouselButton.saDestructive .saIcon {
	color: #dd1f26
}

.saImageCarouselWrapper .saCarouselButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saImageCarouselWrapper .saCarouselButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saImageCarouselWrapper .saCarouselButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saImageCarouselWrapper .saCarouselButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saImageCarouselWrapper .saCarouselButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saImageCarouselWrapper .saCarouselButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saImageCarouselWrapper .saCarouselButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saStandard .saImageCarouselWrapper .saCarouselButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saImageCarouselWrapper .saCarouselButton:active {
	border-radius: .75rem
}

.saCompact .saImageCarouselWrapper .saCarouselButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saImageCarouselWrapper .saCarouselButton:active {
	border-radius: .75rem
}

.saSmallScreen .saImageCarouselWrapper .saCarouselButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saImageCarouselWrapper .saCarouselButton:active {
	border-radius: .75rem
}

.saImageCarouselWrapper .saCarouselButton:disabled {
	background: 0 0;
	border-color: transparent
}

.saImageCarouselWrapper .saCarouselButton:disabled .saIcon {
	color: #ccd5e2
}

.saImageCarouselWrapper .saCarouselButton.saNext {
	right: 0
}

.saImageCarouselWrapper .saCarouselButton.saNext::before {
	right: -1.0625rem
}

.saImageCarouselWrapper .saCarouselButton.saPrev {
	left: 0
}

.saImageCarouselWrapper .saCarouselButton.saPrev::before {
	left: -1.0625rem
}

.saImageCarouselWrapper .saCarouselButton::before {
	content: '';
	position: absolute;
	height: calc(90vh - 10rem);
	width: 4.25rem;
	opacity: 0
}

.saSmallScreen .saImageCarouselWrapper .saCarouselButton {
	display: none
}

.saImageCarouselWrapper .saCarouselButtonClose {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border: solid 1px #ccd5e2;
	position: absolute;
	top: .25rem;
	right: .25rem;
	color: #fff;
	border: none;
	background: #313a44;
	border-radius: 50% !important;
	display: none;
	transition: ease border .2s, ease .2s color, ease .2s border-radius, ease .2s background, ease .2s box-shadow, ease .2s transform;
	position: fixed;
	display: flex;
	z-index: 1
}

.saImageCarouselWrapper .saCarouselButtonClose .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saImageCarouselWrapper .saCarouselButtonClose .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saImageCarouselWrapper .saCarouselButtonClose .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saImageCarouselWrapper .saCarouselButtonClose {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saImageCarouselWrapper .saCarouselButtonClose:active {
	border-radius: .75rem
}

.saCompact .saImageCarouselWrapper .saCarouselButtonClose {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saImageCarouselWrapper .saCarouselButtonClose:active {
	border-radius: .75rem
}

.saSmallScreen .saImageCarouselWrapper .saCarouselButtonClose {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saImageCarouselWrapper .saCarouselButtonClose:active {
	border-radius: .75rem
}

.saImageCarouselWrapper .saCarouselButtonClose::after {
	content: '';
	position: absolute;
	width: 3.5rem;
	height: 3.5rem;
	bottom: 0;
	left: 0
}

@media (pointer:fine) {
	.saImageCarouselWrapper .saCarouselButtonClose:hover {
		background: #e0173e
	}
}

.saLargeScreen .saImageCarouselWrapper .saCarouselButtonClose:active {
	background: #bf0024;
	transform: scale(.95)
}

.saSmallScreen .saImageCarouselWrapper .saCarouselButtonClose {
	position: relative;
	top: unset;
	right: unset;
	color: #333333;
	border: none;
	background: unset;
	border-radius: unset;
	display: unset;
	position: unset;
	display: flex;
	margin-left: -.25rem
}

.saSmallScreen .saImageCarouselWrapper .saCarouselButtonClose::after {
	content: '';
	bottom: unset;
	top: 0
}

.saImageCarouselWrapper .saCarouselImg {
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: calc(100% - 4rem - 5.5rem);
	flex: none;
	width: calc(100% - 7rem);
	max-width: calc(100% - 7rem);
	justify-content: flex-start;
	scroll-snap-type: x mandatory;
	gap: 2px;
	overflow: hidden
}

.saImageCarouselWrapper .saCarouselImg::-webkit-scrollbar {
	display: none
}

.saSmallScreen .saImageCarouselWrapper .saCarouselImg {
	gap: 1.5rem;
	width: 100%;
	max-width: unset;
	height: calc(100% - 13rem);
	overflow-x: auto
}

.saImageCarouselWrapper .saCarouselImg .saCarouselImgInner {
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 100%;
	max-width: 100%;
	overflow: hidden;
	min-width: 100%;
	scroll-snap-align: start;
	scroll-snap-stop: always;
	position: relative
}

.saImageCarouselWrapper .saCarouselImg .saCarouselImgInner.saLoading img {
	opacity: 0;
	display: none
}

.saImageCarouselWrapper .saCarouselImg .saCarouselImgInner.saError::after {
	content: '\e1b7';
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Font Awesome 6 Pro';
	font-size: 2.5rem;
	color: #8fa5c0;
	position: absolute
}

.saImageCarouselWrapper .saCarouselImg .saCarouselImgInner.saError img {
	opacity: 0
}

.saImageCarouselWrapper .saCarouselImg img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	min-width: 0
}

.saImageCarouselWrapper .saThumbnailWrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
	height: 4rem
}

.saSmallScreen .saImageCarouselWrapper .saThumbnailWrapper {
	padding: 0 1rem 1rem 1rem;
	width: calc(100% - 2rem)
}

.saImageCarouselWrapper .saThumbnailWrapper:empty {
	display: none
}

.saImageCarouselWrapper .saThumbnails {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width: 0;
	padding: .5rem;
	border-radius: 1rem;
	border: 1px solid #ccd5e2;
	background: #fff;
	display: flex;
	flex-direction: row;
	gap: .5rem;
	max-width: 100%;
	overflow: auto
}

.saPc .saImageCarouselWrapper .saThumbnails {
	overflow: hidden
}

@media (pointer:fine) {
	.saImageCarouselWrapper .saThumbnails:hover {
		overflow: auto
	}
}

.saImageCarouselWrapper .saThumbnails:focus,
.saImageCarouselWrapper .saThumbnails:focus-within {
	overflow: auto
}

.saImageCarouselWrapper .saThumbnail {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: flex;
	background-color: #eef1f5;
	border-radius: .5rem;
	height: 3rem;
	min-width: 3rem;
	max-width: 3rem;
	outline: 1px solid #ccd5e2;
	outline-offset: -1px;
	position: relative;
	cursor: pointer;
	transition: ease .2s box-shadow, ease .2s border, ease border-radius .2s, ease outline .2s;
	flex: 0 0 auto;
	box-sizing: border-box
}

.saImageCarouselWrapper .saThumbnail::before {
	content: '';
	height: 4rem;
	width: 3.5rem;
	position: absolute;
	z-index: 1;
	inset: -.5rem -.25rem auto auto
}

.saImageCarouselWrapper .saThumbnail.saActive {
	outline-color: #5d237d;
	outline-offset: -2px;
	outline-width: 2px;
	box-shadow: inset 0 0 0 .1875rem #fff
}

@media (pointer:fine) {
	.saImageCarouselWrapper .saThumbnail:hover {
		outline-color: #5d237d
	}
}

.saImageCarouselWrapper .saThumbnail:active {
	border-radius: 1rem
}

.saImageCarouselWrapper .saThumbnail:active img {
	border-radius: 1rem
}

.saImageCarouselWrapper .saThumbnail img {
	object-fit: cover;
	border-radius: .5rem;
	height: 3rem;
	min-width: 3rem;
	max-width: 3rem;
	transition: border-radius ease .2s
}

.saImageCarouselWrapper .saThumbnail.saLoading img {
	opacity: 0
}

.saImageCarouselWrapper .saThumbnail.saError::after {
	content: '\e1b7';
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Font Awesome 6 Pro';
	font-size: 1rem;
	color: #8fa5c0;
	position: absolute;
	height: 3rem;
	width: 3rem
}

.saImageCarouselWrapper .saThumbnail.saError img {
	opacity: 0
}

.saCarouselInfo {
	padding: 1.5rem 1rem;
	width: 21.5rem;
	border-left: 1px solid #ccd5e2;
	overflow: hidden;
	overflow-y: auto;
	background: #fff;
	font-size: .875rem
}

.saCarouselInfo .saCarouselInfoInner {
	display: flex;
	flex-direction: column;
	position: relative;
	gap: 1rem
}

.saCarouselInfo .saCarouselInfoCaption {
	display: flex;
	justify-content: space-between;
	align-items: center;
	word-break: break-word;
	gap: .5rem;
	margin: -.5rem 0
}

.saCarouselInfo .saCarouselInfoDescription {
	color: #333333;
	font-size: .875rem;
	font-weight: 300
}

.saCarouselInfo .saCarouselInfoDescription:empty {
	display: none
}

.saCarouselInfo .saCarouselExtraInfo {
	flex-direction: column;
	display: flex
}

.saCarouselInfo .saCarouselExtraInfo .saCarouselExtraInfoContent {
	color: #333333
}

.saCarouselInfo .saCarouselExtraInfo .saCarouselExtraInfoLabel {
	color: #60748b;
	font-size: .75rem;
	line-height: .875rem
}

.saCarouselInfo .saCarouselExtraInfoWrapper {
	display: flex;
	flex-direction: column;
	transition: transform .2s ease, height .2s ease, opacity .2s ease;
	word-break: break-word;
	gap: 1rem
}

.saCompact .saCarouselInfo .saCarouselExtraInfoWrapper {
	gap: .75rem
}

.saSmallScreen .saCarouselInfo {
	padding: 0 1rem;
	width: 100%;
	border: unset;
	overflow: unset;
	height: fit-content
}

.saSmallScreen .saCarouselInfo .saCarouselInfoCaption {
	margin: unset;
	margin-bottom: -.5rem
}

.saInlineDocumentWrapper {
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: .5rem
}

.saInlineDocumentWrapper .saInlineHeader {
	display: flex;
	flex-direction: row;
	gap: .5rem
}

.saInlineDocumentWrapper .saInlineHeader .saInputTextWrapper {
	margin-right: 0
}

.saSmallScreen .saInlineDocumentWrapper .saInlineHeader .saInputTextWrapper .saTrailingIconsWrapper,
.saStandard .saInlineDocumentWrapper .saInlineHeader .saInputTextWrapper .saTrailingIconsWrapper {
	height: 2.5rem
}

.saSmallScreen .saInlineDocumentWrapper .saInlineHeader .saInputText,
.saStandard .saInlineDocumentWrapper .saInlineHeader .saInputText {
	height: 2.5rem
}

.saInlineDocumentWrapper .saInlineHeader .saDropdown {
	min-width: 6rem
}

.saInlineDocumentWrapper .saInlineButtonGroup {
	display: flex;
	align-items: center
}

.saInlineDocumentWrapper .saInlineButtonGroup button {
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	box-shadow: inset 0 0 0 1px #888888;
	background-color: #fff;
	padding: 0;
	margin: 0;
	color: #333333;
	cursor: pointer;
	z-index: 1;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saStandard .saInlineDocumentWrapper .saInlineButtonGroup button {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saInlineDocumentWrapper .saInlineButtonGroup button:active {
	border-radius: .75rem
}

.saCompact .saInlineDocumentWrapper .saInlineButtonGroup button {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saInlineDocumentWrapper .saInlineButtonGroup button:active {
	border-radius: .75rem
}

.saSmallScreen .saInlineDocumentWrapper .saInlineButtonGroup button {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saInlineDocumentWrapper .saInlineButtonGroup button:active {
	border-radius: .75rem
}

.saInlineDocumentWrapper .saInlineButtonGroup button:not(:first-child):not(:last-child) {
	border-radius: 0;
	margin-right: -1px
}

.saInlineDocumentWrapper .saInlineButtonGroup button:first-child {
	border-radius: .5rem 0 0 .5rem;
	margin-right: -1px
}

.saInlineDocumentWrapper .saInlineButtonGroup button:first-child:active {
	border-radius: .75rem 0 0 .75rem
}

.saInlineDocumentWrapper .saInlineButtonGroup button:last-child {
	border-radius: 0 .5rem .5rem 0
}

.saInlineDocumentWrapper .saInlineButtonGroup button:last-child:active {
	border-radius: 0 .75rem .75rem 0
}

@media (pointer:fine) {
	.saInlineDocumentWrapper .saInlineButtonGroup button:hover {
		background-color: #f6deff;
		color: #5d237d;
		box-shadow: inset 0 0 0 1px #5d237d;
		z-index: 2
	}
}

.saInlineDocumentWrapper .saInlineButtonGroup button:focus-visible {
	background-color: #f6deff;
	color: #5d237d;
	box-shadow: inset 0 0 0 1px #5d237d;
	z-index: 2
}

.saInlineDocumentWrapper .saInlineButtonGroup button:active {
	background-color: #fcf7ff;
	color: #50146e;
	box-shadow: inset 0 0 0 1px #50146e;
	z-index: 2
}

.saInlineDocumentWrapper .saInlineButtonGroup button:disabled {
	pointer-events: none;
	box-shadow: inset 0 0 0 1px #dde3ec;
	color: #ccd5e2;
	background-color: #f8f9fb;
	z-index: 0
}

.saInlineDocumentWrapper .saViewWrapper {
	min-height: 16rem
}

.saInlineDocumentWrapper img {
	max-width: 100%;
	max-height: 100%;
	border: solid 1px #ccd5e2;
	border-radius: .5rem
}

.saInlineDocumentWrapper video {
	max-width: 100%;
	max-height: 100%;
	border: solid 1px #ccd5e2;
	border-radius: .5rem
}

.saInlineDocumentWrapper .saInlineFrame {
	width: 100%;
	height: 100%;
	border: solid 1px #ccd5e2;
	border-radius: .5rem;
	overflow: hidden
}

.saInlineDocumentWrapper .saInlineFrame.saEmpty {
	background-color: #f8f9fb;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative
}

.saInlineDocumentWrapper .saInlineFrame .saEmptyState {
	padding-bottom: 12.5rem;
	max-width: 25rem
}

.saSmallScreen .saInlineDocumentWrapper {
	padding: 1rem
}

.saMultiPartContent .saInlineDocumentWrapper {
	padding-right: 2px;
	padding-bottom: 2px
}

.saInlineDownload {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #333333;
	text-align: center;
	margin-top: 5rem
}

.saInlineDownload .saIcon {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
	border-radius: .5rem;
	margin-bottom: 1rem;
	height: 3rem;
	width: 3rem;
	background-color: #f0ebff;
	color: #8b4af1;
	border: 1px solid #8b4af1
}

.saInlineDownload .saIcon.fa-file-word {
	background-color: #e5efff;
	color: #2d6ce1;
	border: 1px solid #2d6ce1
}

.saInlineDownload .saIcon.fa-video {
	background-color: #ffeada;
	color: #ae5c28;
	border: 1px solid #ae5c28
}

.saInlineDownload .saIcon.fa-file-excel {
	background-color: #d6f7d9;
	color: #008429;
	border: 1px solid #008429
}

.saInlineDownload .saIcon.fa-file-pdf {
	background-color: #ffe8e7;
	color: #e0173e;
	border: 1px solid #e0173e
}

.saInlineDownload .saIcon.fa-image {
	background-color: #ffe7f7;
	color: #ca2c9b;
	border: 1px solid #ca2c9b
}

.saInlineDownload .saIcon.fa-xmark {
	background-color: #e0173e;
	color: #fff;
	border: none
}

.saInlineDownload .saIcon.fa-question {
	background-color: #da9600;
	color: #fff;
	border: none
}

@media (pointer:fine) {
	.saInlineDownload:hover .saInlineDownloadButton {
		background-color: #50146e
	}
}

.saInlineDownload:active .saInlineDownloadButton {
	background-color: #42045f;
	border-radius: .75rem
}

.saInlineDownloadHeading {
	font-size: 1rem;
	line-height: 1;
	font-weight: 600;
	margin-bottom: .5rem;
	overflow-wrap: anywhere
}

.saInlineDownloadDescription {
	font-size: .875rem;
	line-height: 1.25rem;
	margin-bottom: 1rem;
	color: #60748b
}

.saInlineDownloadButton {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .5rem;
	font-size: .875rem;
	padding: 0 1rem;
	height: 2.75rem;
	color: #fff;
	background-color: #5d237d;
	border-radius: .5rem;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

input.saCheckbox {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
	font: inherit;
	min-width: 1.25rem;
	height: 1.25rem;
	border: 2px solid #60748b;
	border-radius: .375rem;
	display: flex;
	cursor: pointer;
	transition: border .2s, background-color .2s;
	position: relative
}

input.saCheckbox::after {
	content: "";
	position: absolute;
	height: 2.5rem;
	min-width: 2.5rem;
	color: transparent;
	background-color: transparent;
	box-sizing: border-box;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media (pointer:fine) {
	input.saCheckbox:hover {
		background-color: #f6deff;
		border-color: #5d237d
	}
}

input.saCheckbox:active {
	background-color: #d3b9e7
}

input.saCheckbox:disabled {
	background-color: #eef1f5;
	pointer-events: none;
	border-color: #ccd5e2
}

input.saCheckbox:checked {
	background-color: #5d237d;
	border-color: #50146e
}

@media (pointer:fine) {
	input.saCheckbox:checked:hover {
		background-color: #9971b4;
		border-color: #5d237d
	}
}

input.saCheckbox:checked:active {
	background-color: #764296
}

input.saCheckbox:checked:disabled {
	background-color: #eef1f5;
	pointer-events: none;
	border-color: #ccd5e2
}

input.saCheckbox:checked:disabled::before {
	background-color: #60748b
}

input.saCheckbox::before {
	content: "";
	width: 1.125rem;
	height: 1.125rem;
	transition: transform .1s ease;
	background-color: #fff;
	transform-origin: center;
	clip-path: polygon(78.5% 38.5%, 46.5% 70.5%, 46.5% 70.5%, 46.172% 70.799%, 45.792% 71.092%, 45.371% 71.373%, 44.916% 71.636%, 44.438% 71.875%, 43.944% 72.084%, 43.445% 72.257%, 42.948% 72.388%, 42.464% 72.471%, 42% 72.5%, 42% 72.5%, 41.537% 72.485%, 41.052% 72.436%, 40.556% 72.352%, 40.056% 72.228%, 39.563% 72.063%, 39.084% 71.852%, 38.63% 71.594%, 38.208% 71.284%, 37.829% 70.921%, 37.5% 70.5%, 21.5% 54.5%, 21.5% 54.5%, 20.825% 53.708%, 20.3% 52.844%, 19.925% 51.926%, 19.7% 50.972%, 19.625% 50%, 19.7% 49.028%, 19.925% 48.074%, 20.3% 47.156%, 20.825% 46.292%, 21.5% 45.5%, 21.5% 45.5%, 22.292% 44.825%, 23.156% 44.3%, 24.074% 43.925%, 25.028% 43.7%, 26% 43.625%, 26.972% 43.7%, 27.926% 43.925%, 28.844% 44.3%, 29.708% 44.825%, 30.5% 45.5%, 42% 57%, 69.5% 29.5%, 69.5% 29.5%, 70.292% 28.825%, 71.156% 28.3%, 72.074% 27.925%, 73.028% 27.7%, 74% 27.625%, 74.972% 27.7%, 75.926% 27.925%, 76.844% 28.3%, 77.708% 28.825%, 78.5% 29.5%, 78.5% 29.5%, 78.5% 29.5%, 78.5% 29.5%, 78.5% 29.5%, 78.5% 29.5%, 78.5% 29.5%, 78.5% 29.5%, 78.5% 29.5%, 78.5% 29.5%, 78.5% 29.5%, 78.5% 29.5%, 78.5% 29.5%, 79.175% 30.292%, 79.7% 31.156%, 80.075% 32.074%, 80.3% 33.028%, 80.375% 34%, 80.3% 34.972%, 80.075% 35.926%, 79.7% 36.844%, 79.175% 37.708%, 78.5% 38.5%);
	transform: scale(0);
	transform: translate(-50%, -50%) scale(0);
	position: absolute;
	top: 50%;
	left: 50%
}

input.saCheckbox:checked::before {
	transform: translate(-50%, -50%) scale(1)
}

input.saCheckbox:indeterminate {
	background-color: #5d237d;
	border-color: #50146e
}

@media (pointer:fine) {
	input.saCheckbox:indeterminate:hover {
		background-color: #9971b4;
		border-color: #5d237d
	}
}

input.saCheckbox:indeterminate:active {
	background-color: #764296
}

input.saCheckbox:indeterminate:disabled {
	background-color: #eef1f5;
	pointer-events: none;
	border-color: #ccd5e2
}

input.saCheckbox:indeterminate:disabled::before {
	background-color: #60748b
}

input.saCheckbox:indeterminate::before {
	content: "";
	width: .625rem;
	height: .1875rem;
	border-radius: 1px;
	transition: transform .1s;
	background-color: #fff;
	clip-path: none;
	transform: translate(-50%, -50%) scale(1)
}

.saHighlightFieldError input.saCheckbox:not(:disabled):not(:indeterminate) {
	border-color: #e0173e
}

.saHighlightFieldError input.saCheckbox:not(:disabled):not(:indeterminate):checked {
	background-color: #e0173e;
	border-color: #bf0024
}

@media (pointer:fine) {
	.saHighlightFieldError input.saCheckbox:not(:disabled):not(:indeterminate):checked:hover {
		background-color: #f58082;
		border-color: #e0173e
	}
}

.saHighlightFieldError input.saCheckbox:not(:disabled):not(:indeterminate):checked:active {
	background-color: #ea4f5b
}

@media (pointer:fine) {
	.saHighlightFieldError input.saCheckbox:not(:disabled):not(:indeterminate):hover {
		background-color: #ffe8e7
	}
}

.saHighlightFieldError input.saCheckbox:not(:disabled):not(:indeterminate):active {
	background-color: #ffc6c5
}

.saHighlightFieldWarning input.saCheckbox:not(:disabled):not(:indeterminate) {
	border-color: #b67a00
}

.saHighlightFieldWarning input.saCheckbox:not(:disabled):not(:indeterminate)::before {
	background-color: #825400
}

.saHighlightFieldWarning input.saCheckbox:not(:disabled):not(:indeterminate):checked {
	background-color: #f6ad00;
	border-color: #b67a00
}

@media (pointer:fine) {
	.saHighlightFieldWarning input.saCheckbox:not(:disabled):not(:indeterminate):checked:hover {
		background-color: #ffcd5b;
		border-color: #b67a00
	}
}

.saHighlightFieldWarning input.saCheckbox:not(:disabled):not(:indeterminate):checked:active {
	background-color: #ffecb7
}

@media (pointer:fine) {
	.saHighlightFieldWarning input.saCheckbox:not(:disabled):not(:indeterminate):hover {
		background-color: #ffecb7
	}
}

.saHighlightFieldWarning input.saCheckbox:not(:disabled):not(:indeterminate):active {
	background-color: #ffcd5b
}

.saCheckboxHeading input.saCheckbox {
	margin-right: .75rem
}

.saSmallScreen .saCheckboxHeading input.saCheckbox {
	margin: 0 .25rem 0 .5rem
}

.saLargeScreen .saCheckboxControl {
	padding: .375rem .625rem .375rem 0
}

.saHighlightFieldError:not(.saDisabled) .saSignatureOuter,
.saHighlightFieldError:not(.saDisabled).saInputDateRange,
.saHighlightFieldError:not(.saDisabled).saInputTextWrapper .saInputText {
	background-color: #fff7f7;
	box-shadow: inset 0 0 0 2px #e0173e
}

@media (pointer:fine) {

	.saHighlightFieldError:not(.saDisabled) .saSignatureOuter:hover,
	.saHighlightFieldError:not(.saDisabled).saInputDateRange:hover,
	.saHighlightFieldError:not(.saDisabled).saInputTextWrapper .saInputText:hover {
		box-shadow: inset 0 0 0 2px #bf0024
	}
}

.saHighlightFieldError:not(.saDisabled) .saSignatureOuter:focus-within,
.saHighlightFieldError:not(.saDisabled).saInputDateRange:focus-within,
.saHighlightFieldError:not(.saDisabled).saInputTextWrapper .saInputText:focus-within {
	box-shadow: inset 0 0 0 2px #bf0024
}

.saHighlightFieldError:not(.saDisabled) select:not(.saListBox) option:nth-child(even) {
	background: #ffe8e7
}

.saHighlightFieldError:not(.saDisabled).saTextboxWithPopupWrapper select {
	background: #fff
}

.saHighlightFieldWarning:not(.saDisabled).saInputDateRange,
.saHighlightFieldWarning:not(.saDisabled).saInputTextWrapper .saInputText {
	background-color: #fff8e7;
	box-shadow: inset 0 0 0 2px #f6ad00
}

@media (pointer:fine) {

	.saHighlightFieldWarning:not(.saDisabled).saInputDateRange:hover,
	.saHighlightFieldWarning:not(.saDisabled).saInputTextWrapper .saInputText:hover {
		box-shadow: inset 0 0 0 2px #da9600
	}
}

.saHighlightFieldWarning:not(.saDisabled).saInputDateRange:focus-within,
.saHighlightFieldWarning:not(.saDisabled).saInputTextWrapper .saInputText:focus-within {
	box-shadow: inset 0 0 0 2px #da9600
}

.saHighlightFieldWarning:not(.saDisabled) select:not(.saListBox) option:nth-child(even) {
	background: #ffecb7
}

.saHighlightFieldWarning:not(.saDisabled).saTextboxWithPopupWrapper select {
	background: #fff
}

select.saInputText {
	cursor: pointer
}

.saInputTextWrapper.saLabeled .saLabeledLabel {
	position: absolute;
	pointer-events: none;
	color: #60748b;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	top: .5rem;
	left: .5rem;
	font-size: .75rem;
	line-height: .75rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: calc(100% - 2rem);
	height: 1.125rem
}

.saInputTextWrapper.saLabeled .saLabeledLabel.saGroupingGridLabel {
	font-size: .875rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	transition: ease font-size .1s;
	color: #333333
}

.saCompact .saInputTextWrapper.saLabeled .saLabeledLabel.saGroupingGridLabel {
	top: .4375rem
}

.saCompact .saInputTextWrapper.saLabeled .saLabeledLabel {
	top: .25rem
}

.saInputTextWrapper.saLabeled .saInputText {
	padding-top: .75rem;
	padding-left: .5rem;
	padding-bottom: 0
}

.saInputTextWrapper.saLabeled .saInputText.saGridGroupingDropdown {
	color: transparent;
	background-color: #fff;
	padding: .75rem 1.25rem 0 .5rem;
	min-width: 7.5rem;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	max-width: 8.75rem;
	text-overflow: ellipsis
}

.saInputTextWrapper.saLabeled.saGroupingGrid.saIsGrouped .saLabeledLabel,
.saInputTextWrapper.saLabeled.saGroupingGrid:focus-within .saLabeledLabel {
	top: 2px;
	font-size: .75rem;
	color: #60748b
}

.saInputTextWrapper.saLabeled.saGroupingGrid.saIsGrouped .saGridGroupingDropdown,
.saInputTextWrapper.saLabeled.saGroupingGrid:focus-within .saGridGroupingDropdown {
	color: #333333
}

.saInputTextWrapper {
	display: flex;
	flex-direction: column;
	position: relative;
	margin-right: 1rem
}

.saSmallScreen .saInputTextWrapper {
	width: 100%
}

.saInputTextWrapper.saEditableDropdown {
	margin-right: 0
}

.saInputTextWrapper.saHasLeadingIcon .saInputText {
	padding-left: 2rem
}

.saInputTextWrapper.saHasTrailingIcons .saInputText {
	padding-right: 2rem
}

.saInputTextWrapper .saLeadingIconWrapper {
	position: absolute;
	color: #60748b;
	top: .1875rem;
	left: 0;
	z-index: 1;
	font-size: 1.25rem;
	padding: 0 .5rem 0 .25rem
}

.saInputTextWrapper .saTrailingIconsWrapper {
	display: flex;
	position: absolute;
	right: 0;
	pointer-events: none;
	align-items: center;
	min-width: 2rem
}

.saInputTextWrapper .saTrailingIconsWrapper .saIcon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	transition-property: color, background-color, border-radius;
	transition-duration: .2s;
	transition-timing-function: ease;
	color: #60748b;
	background-color: transparent
}

.saInputTextWrapper .saTrailingIconsWrapper .saActionIcon:not(:disabled) {
	cursor: pointer;
	pointer-events: auto;
	background: 0 0;
	border: none;
	border-radius: .25rem;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saInputTextWrapper .saTrailingIconsWrapper .saActionIcon:not(:disabled) .saIcon {
	color: #5d237d
}

@media (pointer:fine) {
	.saInputTextWrapper .saTrailingIconsWrapper .saActionIcon:not(:disabled):hover {
		background: #e5cbf7
	}

	.saInputTextWrapper .saTrailingIconsWrapper .saActionIcon:not(:disabled):hover::after {
		height: 0
	}
}

.saInputTextWrapper .saTrailingIconsWrapper .saActionIcon:not(:disabled):active {
	background: #5d237d;
	transform: scale(.96);
	border-radius: .5rem
}

.saInputTextWrapper .saTrailingIconsWrapper .saActionIcon:not(:disabled):active .saIcon {
	color: #e8d3f3
}

.saInputTextWrapper .saTrailingIconsWrapper .saActionIcon:not(:disabled):active::after {
	height: 0
}

.saInputTextWrapper .saTrailingIconsWrapper .saActionIcon:not(:disabled).saActive {
	background: #5d237d;
	border-radius: .5rem
}

.saInputTextWrapper .saTrailingIconsWrapper .saActionIcon:not(:disabled).saActive .saIcon {
	color: #e8d3f3
}

.saInputTextWrapper .saTrailingIconsWrapper .saActionIcon:not(:disabled).saActive::after {
	height: 0
}

.saInputTextWrapper .saDropdown+.saTrailingIconsWrapper .saIcon {
	font-size: .875rem
}

.saInputTextWrapper .saInputText {
	max-width: 100%;
	background: #fff;
	font: inherit;
	color: inherit;
	box-shadow: inset 0 0 0 1px #888888;
	border: none;
	transition: background-color .2s ease, box-shadow .2s ease;
	width: 100%;
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none
}

.saInputTextWrapper .saInputText::-webkit-calendar-picker-indicator {
	display: none
}

.saInputTextWrapper .saInputText.saDropdown {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-overflow: ellipsis;
	padding-right: 2rem
}

:not(.saLabeled).saInputTextWrapper .saInputText.saDropdown {
	padding: 0 2rem 0 .625rem
}

.saInputTextWrapper .saInputText.saDropdown:disabled {
	opacity: 1;
	cursor: default
}

.saInputTextWrapper .saInputText.saDropdown optgroup {
	color: #333333;
	font-weight: 400;
	font-style: normal
}

.saInputTextWrapper .saInputText.saDropdown optgroup option {
	color: initial
}

.saInputTextWrapper .saInputText:focus-visible {
	outline: 0
}

@media (pointer:fine) {
	.saInputTextWrapper .saInputText:hover {
		box-shadow: inset 0 0 0 2px #5d237d
	}
}

.saInputTextWrapper .saInputText:focus-within {
	background: #fcf7ff;
	box-shadow: inset 0 0 0 2px #5d237d
}

.saInputTextWrapper .saInputText::placeholder {
	color: #60748b
}

.saInputTextWrapper .saInputText:disabled {
	border-color: transparent;
	box-shadow: none;
	background: #eef1f5;
	color: #8fa5c0
}

.saInputTextWrapper .saInputText {
	height: 2rem;
	border-radius: .5rem;
	padding: 0 .625rem;
	min-width: 0;
	font-size: .875rem
}

.saInputTextWrapper .saTrailingIconsWrapper {
	gap: .25rem;
	height: 2rem;
	min-width: 2rem;
	justify-content: center;
	padding: 0 .5rem;
	box-sizing: border-box
}

.saInputTextWrapper .saTrailingIconsWrapper .saActionIcon {
	padding-left: .25rem;
	padding-right: .25rem;
	margin-right: -.25rem;
	pointer-events: auto;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: .25rem
}

.saInputTextWrapper .saTrailingIconsWrapper .saActionIcon:active {
	border-radius: .5rem
}

.saInputTextWrapper .saTrailingIconsWrapper .saIcon {
	font-size: 1rem
}

.saInputTextWrapper .saLeadingIconWrapper {
	padding: 0 .25rem;
	top: .25rem
}

.saSmallScreen .saInputText {
	font-size: 1rem
}

.saInputTextWrapper:has(.saListBox) {
	flex-direction: unset
}

.saInputTextWrapper .saInputText.saListBox {
	box-shadow: none !important;
	outline: 1px solid #888888;
	outline-offset: -1px;
	border: 2px solid transparent;
	height: unset;
	padding: .5rem
}

.saPc .saLabeled.saInputTextWrapper .saInputText.saListBox {
	padding-top: 1.125rem
}

.saPc .saInputTextWrapper .saInputText.saListBox {
	line-height: 1.5rem;
	height: unset;
	overflow: auto
}

.saPc .saInputTextWrapper .saInputText.saListBox+.saTrailingIconsWrapper {
	display: none
}

.saMobile .saLabeled.saInputTextWrapper .saInputText.saListBox {
	padding-top: .75rem
}

.saMobile .saInputTextWrapper .saInputText.saListBox {
	padding: 0 1.5rem 0 .5rem;
	height: 2rem
}

.saMobile .saInputTextWrapper .saInputText.saListBox+.saTrailingIconsWrapper .saIcon {
	font-size: .875rem
}

@media (pointer:fine) {
	.saInputTextWrapper .saInputText.saListBox:enabled:hover {
		outline: 2px solid #5d237d;
		outline-offset: -2px
	}
}

.saHighlightFieldError.saInputTextWrapper .saInputText.saListBox:enabled {
	outline: 2px solid #e0173e;
	outline-offset: -2px
}

@media (pointer:fine) {
	.saHighlightFieldError.saInputTextWrapper .saInputText.saListBox:enabled:hover {
		outline: 2px solid #bf0024
	}
}

.saHighlightFieldError.saInputTextWrapper .saInputText.saListBox:enabled:focus-within {
	outline: 2px solid #bf0024
}

.saHighlightFieldWarning.saInputTextWrapper .saInputText.saListBox:enabled {
	outline: 2px solid #f6ad00;
	outline-offset: -2px
}

@media (pointer:fine) {
	.saHighlightFieldWarning.saInputTextWrapper .saInputText.saListBox:enabled:hover {
		outline: 2px solid #da9600
	}
}

.saHighlightFieldWarning.saInputTextWrapper .saInputText.saListBox:enabled:focus-within {
	outline: 2px solid #da9600
}

.saInputTextWrapper .saInputText.saListBox:disabled {
	outline: 0;
	cursor: default
}

.saHighlightFieldError.saInputTextWrapper .saInputText.saListBox:disabled {
	background: #eef1f5 !important
}

.saInputTextWrapper .saInputText.saListBox:focus-within {
	outline: 2px solid #5d237d;
	outline-offset: -2px
}

.saInputTextWrapper .saInputText.saListBox:disabled option {
	pointer-events: none;
	color: #8fa5c0
}

.saInputTextWrapper .saInputText.saListBox option {
	text-overflow: ellipsis;
	overflow: hidden
}

.saInputTextWrapper .saInputText.saListBox option:checked {
	color: #fff;
	background: #8fa5c0;
	background-image: linear-gradient(0deg, #8fa5c0, #8fa5c0)
}

.saInputTextWrapper .saInputText.saListBox option:first-child,
.saInputTextWrapper .saInputText.saListBox option:not(:checked, :hover)+:checked,
.saInputTextWrapper .saInputText.saListBox option:not(:checked, :hover)+:hover {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}

.saInputTextWrapper .saInputText.saListBox option:checked:has(+:not(:checked, :hover)),
.saInputTextWrapper .saInputText.saListBox option:hover:has(+:not(:checked, :hover)),
.saInputTextWrapper .saInputText.saListBox option:last-child {
	border-bottom-left-radius: .25rem;
	border-bottom-right-radius: .25rem
}

@media (pointer:fine) {
	.saInputTextWrapper .saInputText.saListBox option:hover {
		color: #fff;
		background: #7088a4;
		background-image: linear-gradient(0deg, #7088a4, #7088a4)
	}
}

.saInputTextWrapper .saInputText.saListBox:focus option:checked {
	color: #fff;
	background: #5d237d linear-gradient(0deg, #5d237d 0, #5d237d 100%)
}

@media (pointer:fine) {
	.saInputTextWrapper .saInputText.saListBox:focus option:checked:hover {
		color: #fff;
		background: #50146e;
		background-image: linear-gradient(0deg, #50146e, #50146e)
	}
}

.saHighlightFieldError.saInputTextWrapper .saInputText.saListBox:focus option:checked {
	background: #e0173e;
	background-image: linear-gradient(0deg, #e0173e, #e0173e)
}

@media (pointer:fine) {
	.saHighlightFieldError.saInputTextWrapper .saInputText.saListBox:focus option:checked:hover {
		color: #fff;
		background: #bf0024;
		background-image: linear-gradient(0deg, #bf0024, #bf0024)
	}
}

.saSelectedValueWrapper .saTag {
	display: flex;
	align-items: center;
	font-size: .875rem;
	cursor: pointer
}

.saOptionListWrapper {
	z-index: 1005;
	margin-top: .3125rem;
	position: absolute;
	background: #fff;
	display: none;
	flex-direction: column;
	width: fit-content;
	min-width: calc(100%);
	max-width: 44.5rem;
	flex: 2;
	overscroll-behavior: contain;
	padding: .25rem;
	border-radius: .75rem;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid #f8f9fb;
	min-height: 2rem;
	max-height: 28rem;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	box-shadow: 0 1px 2px rgba(49, 58, 68, .07), 0 2px .25rem rgba(49, 58, 68, .07), 0 .25rem .5rem rgba(49, 58, 68, .07), 0 .5rem 1rem rgba(49, 58, 68, .07), 0 1rem 2rem rgba(49, 58, 68, .07), 0 2rem 4rem rgba(49, 58, 68, .07)
}

.saOptionListWrapper .saSearchSpinnerWrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1
}

.saOptionListWrapper .saSearchSpinnerWrapper .saSpinner {
	font-size: 1rem;
	color: #7088a4
}

.saOptionListWrapper.saListColumns {
	max-width: 75rem
}

.saSmallScreen .saOptionListWrapper {
	padding: 0;
	width: 95vw
}

.saSmallScreen .saMultiRowField .saOptionListWrapper {
	width: 75vw
}

.saOptionListWrapper:focus {
	outline: 0
}

.saOptionListWrapper ul {
	display: table;
	width: 100%
}

.saOptionListWrapper li {
	font-size: .875rem;
	cursor: pointer;
	list-style: none;
	height: 2.5rem;
	border-radius: .5rem;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	color: #333333;
	display: table-row;
	width: 100%
}

@media (pointer:fine) {
	.saOptionListWrapper li:hover {
		background: #f8f9fb
	}

	.saSmallScreen .saOptionListWrapper li:hover {
		background: inherit
	}
}

.saOptionListWrapper li.saFocus {
	background: #f8f9fb;
	color: #5d237d
}

.saStandard .saOptionListWrapper li {
	min-height: 2.5rem
}

.saCompact .saOptionListWrapper li {
	min-height: 2rem;
	max-height: 2rem;
	border-radius: .25rem
}

.saOptionListWrapper li span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: table-cell;
	line-height: .875rem;
	padding: .75rem .5rem .5rem .5rem
}

.saOptionListWrapper li span:not(:first-child) {
	font-size: .75rem
}

.saOptionListWrapper li span:last-child {
	padding: 0;
	width: 100%
}

.saOptionListWrapper li.saNoResults {
	gap: .5rem;
	height: unset;
	pointer-events: none
}

.saOptionListWrapper li.saNoResults span {
	padding: .5rem
}

.saOptionListWrapper li.saNoResults .saIcon {
	font-size: 1rem;
	color: #000
}

.saMandatoryStar {
	margin-left: .25rem;
	margin-right: .5rem;
	color: #e0173e;
	font-weight: 700
}

.saIconOnlyFieldButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333;
	background-color: #f8f9fb;
	line-height: .875rem;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saIconOnlyFieldButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saIconOnlyFieldButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saIconOnlyFieldButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saIconOnlyFieldButton .saIcon {
	color: #333333
}

.saIconOnlyFieldButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saIconOnlyFieldButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saIconOnlyFieldButton:hover .saIcon {
		color: #5d237d
	}

	.saIconOnlyFieldButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saIconOnlyFieldButton:active {
	background: #f6deff
}

.saIconOnlyFieldButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saIconOnlyFieldButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saIconOnlyFieldButton.saDestructive .saIcon {
	color: #dd1f26
}

.saIconOnlyFieldButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saIconOnlyFieldButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saIconOnlyFieldButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saIconOnlyFieldButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saIconOnlyFieldButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saIconOnlyFieldButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saIconOnlyFieldButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saIconOnlyFieldButton.saDestructive {
	background-color: #fff7f7
}

.saIconOnlyFieldButton.saDisabled,
.saIconOnlyFieldButton.saDisabled:active,
.saIconOnlyFieldButton.saDisabled:hover {
	cursor: default;
	background-color: #eef1f5;
	color: #8fa5c0;
	border-color: transparent;
	border-radius: .5rem;
	transition-duration: .5s
}

.saIconOnlyFieldButton.saDisabled .saIcon,
.saIconOnlyFieldButton.saDisabled:active .saIcon,
.saIconOnlyFieldButton.saDisabled:hover .saIcon {
	color: #adbdd1
}

.saIconOnlyFieldButton:active {
	border-radius: .75rem
}

.saLabeledFieldButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333;
	background-color: #f8f9fb;
	line-height: .875rem;
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem;
	overflow: hidden;
	justify-content: safe center
}

.saLabeledFieldButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saLabeledFieldButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saLabeledFieldButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saLabeledFieldButton .saIcon {
	color: #333333
}

.saLabeledFieldButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saLabeledFieldButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saLabeledFieldButton:hover .saIcon {
		color: #5d237d
	}

	.saLabeledFieldButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saLabeledFieldButton:active {
	background: #f6deff
}

.saLabeledFieldButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saLabeledFieldButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saLabeledFieldButton.saDestructive .saIcon {
	color: #dd1f26
}

.saLabeledFieldButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saLabeledFieldButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saLabeledFieldButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saLabeledFieldButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saLabeledFieldButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saLabeledFieldButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saLabeledFieldButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saLabeledFieldButton.saDestructive {
	background-color: #fff7f7
}

.saLabeledFieldButton.saDisabled,
.saLabeledFieldButton.saDisabled:active,
.saLabeledFieldButton.saDisabled:hover {
	cursor: default;
	background-color: #eef1f5;
	color: #8fa5c0;
	border-color: transparent;
	border-radius: .5rem;
	transition-duration: .5s
}

.saLabeledFieldButton.saDisabled .saIcon,
.saLabeledFieldButton.saDisabled:active .saIcon,
.saLabeledFieldButton.saDisabled:hover .saIcon {
	color: #adbdd1
}

.saLabeledFieldButton:active {
	border-radius: .75rem
}

.saLabeledFieldButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saValidationMessage {
	display: flex;
	gap: .5rem;
	align-items: center;
	color: #333333;
	margin-top: .5rem;
	min-width: 6rem;
	font-size: .875rem;
	line-height: 1rem
}

.saValidationMessage .saIcon {
	font-size: 1.25rem;
	position: relative
}

.saValidationMessage.saError {
	color: #e0173e
}

.saValidationMessage.saError .saIcon {
	color: #e0173e
}

.saValidationMessage.saInfo .saIcon {
	color: #2d6ce1
}

.saValidationMessage.saWarning {
	color: #9c6700
}

.saValidationMessage.saWarning .saIcon {
	color: #f6ad00
}

.saValidationMessage.saWarning .saIcon::after {
	content: "";
	height: .875rem;
	width: .375rem;
	border-radius: .25rem;
	background-color: #313a44;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 2px;
	z-index: -1
}

.saValidationMessage.saSuccess {
	color: #008429
}

.saValidationMessage.saSuccess .saIcon {
	color: #009b36
}

.saInfoIndicator {
	color: #313a44;
	font-size: 1rem
}

.saInfoIndicator .saIcon {
	color: inherit;
	font-size: 1rem
}

.saInputAffixWrapper {
	display: flex;
	align-items: center;
	height: 2rem;
	gap: .25rem;
	border-radius: .5rem;
	padding: 0 .625rem;
	box-sizing: border-box;
	font-size: .875rem;
	cursor: text;
	background-color: #fff;
	box-shadow: inset 0 0 0 1px #888888;
	transition: background-color .2s ease, box-shadow .2s ease;
	width: 100%
}

.saInputAffixWrapper.saDropDown {
	cursor: pointer
}

.saSmallScreen .saInputAffixWrapper {
	font-size: 1rem
}

@media (pointer:fine) {
	.saInputAffixWrapper:has(:enabled):hover {
		box-shadow: inset 0 0 0 2px #5d237d
	}
}

.saInputAffixWrapper:has(:enabled):focus-within {
	box-shadow: inset 0 0 0 2px #5d237d;
	background-color: #f7faff
}

.saInputAffixWrapper:has(:enabled).saHighlightFieldError {
	background-color: #fff7f7;
	box-shadow: inset 0 0 0 2px #e0173e
}

@media (pointer:fine) {
	.saInputAffixWrapper:has(:enabled).saHighlightFieldError:hover {
		box-shadow: inset 0 0 0 2px #bf0024
	}
}

.saInputAffixWrapper:has(:enabled).saHighlightFieldError:focus-within {
	box-shadow: inset 0 0 0 2px #bf0024
}

.saInputAffixWrapper:has(:enabled).saHighlightFieldWarning {
	background-color: #fff8e7;
	box-shadow: inset 0 0 0 2px #f6ad00
}

@media (pointer:fine) {
	.saInputAffixWrapper:has(:enabled).saHighlightFieldWarning:hover {
		box-shadow: inset 0 0 0 2px #da9600
	}
}

.saInputAffixWrapper:has(:enabled).saHighlightFieldWarning:focus-within {
	box-shadow: inset 0 0 0 2px #da9600
}

.saInputAffixWrapper:has(:disabled) {
	border-color: transparent;
	box-shadow: none;
	background: #eef1f5;
	color: #8fa5c0
}

.saInputAffixWrapper:has(:disabled) .saInputAffixText {
	color: #adbdd1
}

.saInputAffixWrapper .saInputAffixText {
	max-width: 80%
}

.saInputAffixWrapper:has(.saInputAffixText~.saInputAffixText) .saInputAffixText {
	max-width: 40%
}

.saGridInputAffixWrapper {
	display: flex;
	align-items: center;
	gap: .25rem
}

.saInputAffix {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	height: 100%;
	background-color: transparent;
	font: inherit;
	color: inherit;
	border: none;
	outline: 0;
	padding-inline: 0;
	padding-block: 0
}

.saInputAffix::-webkit-inner-spin-button,
.saInputAffix::-webkit-outer-spin-button {
	-webkit-appearance: none;
	display: none
}

.saInputAffix::placeholder {
	color: #60748b
}

.saDropDown .saInputAffix {
	cursor: pointer
}

.saInputAffix:-webkit-autofill {
	transition: background-color 100000s ease-in-out 0s
}

.saInputAffixText {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: transparent;
	pointer-events: none;
	color: #60748b;
	flex-shrink: 0
}

@keyframes saFieldLabelVisibilityChanged {
	from {
		background-color: #c9c6c0
	}

	to {
		background-color: #fff
	}
}

@keyframes saFieldCellVisibilityChanged {
	from {
		background-color: #c9c6c0
	}

	to {
		background-color: #fff
	}
}

@keyframes saSectionTarget {
	from {
		background-color: #dbc8e9;
		color: #42045f
	}
}

.saInputPage .saInputPageLegend {
	width: fit-content;
	font-size: .875rem;
	margin-bottom: 1rem
}

.saSmallScreen .saInputPage .saInputPageLegend {
	margin: 1rem 1rem 0 1rem
}

.saInputPage .saInputPageLegend .saToggleDescriptionButton {
	margin-left: .5rem;
	margin-right: .5rem;
	vertical-align: baseline;
	justify-content: center;
	align-items: center;
	height: 1rem;
	width: 1rem;
	border-radius: 50%;
	padding: 0;
	background: #fff;
	color: #7088a4;
	font-size: 1rem;
	display: inline-block
}

.saInputPage {
	color: #333333
}

.saInputPage .saFormPlaceholder {
	display: none
}

.saInputPage .saFormRootAndTocWrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	max-width: 100%;
	height: 100%;
	box-sizing: border-box;
	interpolate-size: allow-keywords
}

.saInputPage .saFormRootAndTocWrapper.saTocFixed {
	flex-direction: column
}

.saInputPage .saFormRoot {
	display: flex;
	flex: 1;
	flex-direction: column;
	width: 100%;
	min-width: auto;
	order: 1
}

.saInputPage .saSectionWrapper {
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #ccd5e2;
	margin-bottom: 1.5rem;
	width: 100%;
	min-width: min-content
}

.saInputPage .saSectionWrapper.saHiddenControl,
.saInputPage .saSectionWrapper.saLastVisible {
	border: none 0;
	padding-bottom: 0;
	margin-bottom: 0
}

.saInputPage .saSectionHeaderWrapper {
	display: flex;
	flex-direction: column;
	gap: .25rem;
	padding-bottom: .75rem;
	width: 100%;
	max-width: max-content;
	cursor: default
}

.saInputPage .saSectionHeaderWrapper:has(.saCheckbox:not(:checked)) .saSectionDescription,
.saInputPage .saSectionHeaderWrapper:has(.saClosed) .saSectionDescription {
	display: none
}

.saStandard .saInputPage .saSectionHeaderWrapper {
	padding-bottom: .5rem
}

.saInputPage .saSectionHeader,
.saInputPage .saSectionHeader label {
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: transparent;
	cursor: default;
	overflow-wrap: anywhere;
	color: #333333;
	gap: 1rem
}

.saInputPage .saSectionHeader .saIcon,
.saInputPage .saSectionHeader label .saIcon {
	transition: ease .2s transform;
	text-align: center
}

.saInputPage .saSectionHeader .saIcon.saClosed,
.saInputPage .saSectionHeader label .saIcon.saClosed {
	transform: rotate(180deg)
}

.saInputPage .saSectionHeader:target,
.saInputPage .saSectionHeader:target :is(h2, label) {
	animation: saSectionTarget 2s ease-in forwards
}

.saInputPage .saSectionHeader label {
	flex-grow: 1;
	cursor: pointer
}

.saInputPage .saSectionHeader i {
	width: 1.25rem;
	height: 1.25rem;
	background-color: transparent;
	align-content: center;
	color: #333333;
	cursor: pointer
}

.saInputPage .saSectionHeaderLabel {
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 2rem
}

.saCompact .saInputPage .saSectionHeaderLabel {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.saSmallScreen .saInputPage .saSectionHeaderLabel {
	font-size: 1rem;
	line-height: 1.25rem
}

.saInputPage button.saSectionHeader {
	cursor: pointer;
	text-align: left;
	transition: ease color .2s;
	gap: .5rem
}

@media (pointer:fine) {
	.saInputPage button.saSectionHeader:hover {
		color: #5d237d
	}

	.saInputPage button.saSectionHeader:hover .saIcon {
		color: currentColor
	}
}

.saInputPage button.saSectionHeader:active {
	color: #42045f
}

.saInputPage button.saSectionHeader:active .saIcon {
	color: currentColor
}

.saInputPage .saSectionDescription {
	font-size: .875rem;
	line-height: 1rem;
	font-weight: 300;
	max-width: 40rem;
	color: #60748b
}

.saInputPage .saFieldsRow {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%
}

.saInputPage .saFieldsColumn {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap
}

.saLargeScreen .saInputPage .saFieldsColumn {
	width: fit-content;
	padding-right: 2.5rem;
	border-right: 1px solid #ccd5e2;
	margin-right: 2.5rem
}

.saInputPage .saFieldsColumn.saHiddenControl,
.saInputPage .saFieldsColumn.saLastVisible {
	border: none 0;
	padding-right: 0;
	margin-right: 0
}

.saInputPage .saFieldsColumn:only-child:not(:has(.saMultiColumns)) {
	width: 100%
}

.saInputPage .saFieldAndLabelWrapper {
	display: contents
}

.saInputPage .saSiblingFields,
.saInputPage .saSiblingRow {
	display: contents
}

.saInputPage .saFieldCell {
	display: flex;
	flex-direction: column;
	box-sizing: content-box;
	height: 100%
}

.saInputPage .saInput {
	display: flex;
	flex-direction: row
}

.saInputPage .saLabelCell {
	overflow-wrap: anywhere;
	line-height: 1rem;
	box-sizing: content-box;
	height: 100%
}

.saInputPage .saLabelCell.saIndentLabel {
	padding-left: 1rem
}

.saInputPage .saLabel {
	display: flex;
	flex-direction: row;
	gap: .5rem;
	font-weight: 500
}

.saInputPage .saLabel h1,
.saInputPage .saLabel h2,
.saInputPage .saLabel h3,
.saInputPage .saLabel h4,
.saInputPage .saLabel h5,
.saInputPage .saLabel h6 {
	font-size: revert;
	font-weight: revert;
	margin: revert;
	line-height: revert;
	color: revert
}

.saInputPage .saLabel ol,
.saInputPage .saLabel ul {
	list-style: revert;
	margin: 0;
	padding: 0 0 0 2.5rem
}

.saInputPage .saLabel table {
	border-collapse: collapse
}

.saInputPage .saLabel thead {
	background: #f8f9fb;
	font-weight: 700
}

.saInputPage .saLabel td,
.saInputPage .saLabel th {
	border: 1px solid #eef1f5;
	padding: .5rem;
	text-align: left
}

.saInputPage .saLabel a {
	color: #006ebf;
	font-weight: 500
}

.saInputPage .saLabel p {
	margin: revert
}

.saInputPage .saLabel .saAiIcon {
	height: 1rem;
	min-width: 1rem;
	background-position: center;
	background: url(../img/aiSparkles.svg) top center no-repeat;
	position: relative
}

.saInputPage .saLabel .saAiIcon::after {
	content: '';
	position: absolute;
	height: 2rem;
	width: 2rem;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%)
}

.saInputPage .saUnsavedParameter {
	color: #e0173e;
	border-radius: .5rem
}

.saInputPage .saUnsavedParameter:hover {
	color: #ea4f5b;
	background-color: #ffe8e7
}

.saInputPage .saDescription,
.saInputPage .saExtendedDescription,
.saInputPage .saFieldInfoText {
	color: #888888;
	font-size: .875rem;
	line-height: 1rem;
	font-weight: 300;
	max-width: 25rem;
	box-sizing: border-box
}

.saInputPage .saDescription h1,
.saInputPage .saDescription h2,
.saInputPage .saDescription h3,
.saInputPage .saDescription h4,
.saInputPage .saDescription h5,
.saInputPage .saDescription h6,
.saInputPage .saExtendedDescription h1,
.saInputPage .saExtendedDescription h2,
.saInputPage .saExtendedDescription h3,
.saInputPage .saExtendedDescription h4,
.saInputPage .saExtendedDescription h5,
.saInputPage .saExtendedDescription h6,
.saInputPage .saFieldInfoText h1,
.saInputPage .saFieldInfoText h2,
.saInputPage .saFieldInfoText h3,
.saInputPage .saFieldInfoText h4,
.saInputPage .saFieldInfoText h5,
.saInputPage .saFieldInfoText h6 {
	font-size: revert;
	font-weight: revert;
	margin: revert;
	line-height: revert;
	color: revert
}

.saInputPage .saDescription ol,
.saInputPage .saDescription ul,
.saInputPage .saExtendedDescription ol,
.saInputPage .saExtendedDescription ul,
.saInputPage .saFieldInfoText ol,
.saInputPage .saFieldInfoText ul {
	list-style: revert;
	margin: 0;
	padding: 0 0 0 2.5rem
}

.saInputPage .saDescription table,
.saInputPage .saExtendedDescription table,
.saInputPage .saFieldInfoText table {
	border-collapse: collapse
}

.saInputPage .saDescription thead,
.saInputPage .saExtendedDescription thead,
.saInputPage .saFieldInfoText thead {
	background: #f8f9fb;
	font-weight: 700
}

.saInputPage .saDescription td,
.saInputPage .saDescription th,
.saInputPage .saExtendedDescription td,
.saInputPage .saExtendedDescription th,
.saInputPage .saFieldInfoText td,
.saInputPage .saFieldInfoText th {
	border: 1px solid #eef1f5;
	padding: .5rem;
	text-align: left
}

.saInputPage .saDescription a,
.saInputPage .saExtendedDescription a,
.saInputPage .saFieldInfoText a {
	color: #006ebf;
	font-weight: 500
}

.saInputPage .saDescription p,
.saInputPage .saExtendedDescription p,
.saInputPage .saFieldInfoText p {
	margin: revert
}

.saInputPage .saExtendedDescription {
	transition: height ease .1s;
	height: auto;
	height: calc-size(auto, size);
	overflow-y: clip
}

.saInputPage .saDescription,
.saInputPage .saExtendedDescription {
	min-width: 12.5rem
}

.saInputPage .saExtendedDescription {
	padding-left: .5rem;
	border-left: 2px solid #2d6ce1;
	margin: .5rem 0
}

.saInputPage .saLabelCell:not(.saOpen) .saExtendedDescription {
	visibility: hidden;
	height: 0 !important;
	margin: 0 !important
}

.saInputPage .saLabelCell:not(.saOpen) .saExtendedDescription * {
	height: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.saInputPage .saFieldInfoText {
	margin-top: .5rem;
	max-width: 24rem
}

.saInputPage .saFieldInfoText:empty {
	display: none
}

.saInputPage .saLabelButton.saToggleDescriptionButton {
	background: #fff;
	color: #7088a4;
	font-size: 1rem
}

.saInputPage .saLabelButton.saToggleDescriptionButton .saIcon {
	color: inherit;
	font-size: 1rem
}

.saInputPage .saLabelButton.saToggleDescriptionButton:hover {
	color: #1c57c6
}

.saInputPage .saLabelButton.saToggleDescriptionButton:active {
	color: #42045f
}

.saInputPage .saLabelButton.saToggleDescriptionButton.saOpen {
	color: #2d6ce1
}

.saInputPage .saLabelButton.saToggleDescriptionButton::after {
	content: '';
	position: absolute;
	height: 2rem;
	width: 2rem;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%)
}

.saInputPage .saLabelButton.saMultiRowDescriptionButton {
	background: #fff
}

.saInputPage .saJavaScriptButtons {
	display: flex;
	flex-direction: row;
	gap: .5rem;
	margin-right: 1.5rem
}

.saInputPage .saInputPageField {
	margin-right: 1rem
}

.saSmallScreen .saInputPage .saInputPageField {
	margin-right: 0
}

.saInputPage .saDescription b,
.saInputPage .saDescription strong,
.saInputPage .saExtendedDescription b,
.saInputPage .saExtendedDescription strong,
.saInputPage .saFieldInfoText b,
.saInputPage .saFieldInfoText strong,
.saInputPage .saSectionDescription b,
.saInputPage .saSectionDescription strong {
	font-weight: 500
}

.saInputPage .saDescription code,
.saInputPage .saExtendedDescription code,
.saInputPage .saFieldInfoText code,
.saInputPage .saSectionDescription code {
	font-family: 'Lucida Console', monospace;
	color: #333333;
	background-color: #f8f9fb;
	outline: 1px solid #ccd5e2;
	border-radius: .25rem;
	padding: 2px .25rem;
	font-size: smaller
}

.saLargeScreen .saInputPage .saHighlightFieldVisibilityChange.saLabelCell {
	animation: saFieldLabelVisibilityChanged 1s cubic-bezier(1, 0, .8, 1)
}

.saLargeScreen .saInputPage .saHighlightFieldVisibilityChange.saFieldCell {
	animation: saFieldCellVisibilityChanged 1s cubic-bezier(1, 0, .8, 1)
}

.saInputPage .saHiddenControl {
	visibility: hidden !important;
	height: 0 !important;
	max-height: 0 !important;
	min-height: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.saInputPage .saHiddenControl * {
	visibility: hidden !important;
	height: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.saInputPage .saHiddenControl.saSectionWrapper {
	display: none
}

.saInputPage .saHiddenControl.saHiddenPermanently {
	width: 0 !important
}

.saLargeScreen .saInputPageField.shortest,
.saMultiRowWrapper .saMultiRowField.shortest {
	width: 3.5rem
}

.saLargeScreen .saInputPageField.short,
.saMultiRowWrapper .saMultiRowField.short {
	width: 6rem
}

.saLargeScreen .saInputPageField.mediumShort,
.saMultiRowWrapper .saMultiRowField.mediumShort {
	width: 8.75rem
}

.saLargeScreen .saInputPageField.mediumLong,
.saMultiRowWrapper .saMultiRowField.mediumLong {
	width: 16rem
}

.saLargeScreen .saInputPageField.long,
.saMultiRowWrapper .saMultiRowField.long {
	width: 23.5rem
}

.saLargeScreen .saInputPageField.longest,
.saMultiRowWrapper .saMultiRowField.longest {
	width: 40rem
}

.saLargeScreen .saInputWrapper.shortest .saValidationMessage,
.saLargeScreen .saMultiRowCell .saMultiRowInputWrapper.shortest .saValidationMessage {
	width: 3.5rem
}

.saLargeScreen .saInputWrapper.short .saValidationMessage,
.saLargeScreen .saMultiRowCell .saMultiRowInputWrapper.short .saValidationMessage {
	width: 6rem
}

.saLargeScreen .saInputWrapper.mediumShort .saValidationMessage,
.saLargeScreen .saMultiRowCell .saMultiRowInputWrapper.mediumShort .saValidationMessage {
	width: 8.75rem
}

.saLargeScreen .saInputWrapper.mediumLong .saValidationMessage,
.saLargeScreen .saMultiRowCell .saMultiRowInputWrapper.mediumLong .saValidationMessage {
	width: 16rem
}

.saLargeScreen .saInputWrapper.long .saValidationMessage,
.saLargeScreen .saMultiRowCell .saMultiRowInputWrapper.long .saValidationMessage {
	width: 23.5rem
}

.saLargeScreen .saInputWrapper.longest .saValidationMessage,
.saLargeScreen .saMultiRowCell .saMultiRowInputWrapper.longest .saValidationMessage {
	width: 40rem
}

.saLargeScreen .saMultiRowCell .saMultiRowInputWrapper.saMediumShortValidation .saValidationMessage {
	width: 8.75rem
}

.saLargeScreen .saSiblingFields .saFieldCell:not(:last-child) .saInputWrapper.saMediumShortValidation .saValidationMessage {
	width: 8.75rem
}

.saLargeScreen .saLabelsBefore .saFieldCollection {
	display: grid;
	grid-template-columns: minmax(min-content, max-content) auto;
	grid-template-rows: auto;
	align-items: start;
	height: min-content;
	width: 100%
}

.saLargeScreen .saLabelsBefore .saFieldCollection .saFieldCell,
.saLargeScreen .saLabelsBefore .saFieldCollection .saLabelCell {
	padding-top: .5rem;
	padding-bottom: .5rem
}

.saCompact.saLargeScreen .saLabelsBefore .saFieldCollection .saFieldCell,
.saCompact.saLargeScreen .saLabelsBefore .saFieldCollection .saLabelCell {
	padding-top: .25rem;
	padding-bottom: .25rem
}

.saLargeScreen .saLabelsBefore .saFieldCollection .saLabelCell {
	max-width: 15.5rem;
	min-width: 6rem
}

.saLargeScreen .saLabelsBefore .saFieldCollection .saLabelCell .saLabel {
	padding-top: .5rem;
	display: inline-block
}

.saLargeScreen .saLabelsBefore .saFieldCollection .saLabelCell .saAiIcon,
.saLargeScreen .saLabelsBefore .saFieldCollection .saLabelCell .saLabelButton.saToggleDescriptionButton {
	display: inline-block;
	margin-left: .5rem;
	vertical-align: top
}

.saLargeScreen .saLabelsBefore .saFieldCollection .saLabelCell .saLabel:has(+.saDescription) {
	padding-top: 1px;
	padding-bottom: 1px
}

.saLargeScreen .saLabelsBefore .saFieldCollection .saFieldCell {
	padding-left: .5rem
}

.saStandard.saLargeScreen .saLabelsBefore .saFieldCollection .saFieldCell {
	padding-left: 1.5rem
}

.saLargeScreen .saLabelsBefore .saFieldCollection .saFieldCell.saFieldCellWithoutLabel {
	grid-column: span 2;
	padding-left: 0
}

.saLargeScreen .saLabelsBefore .saFieldCollection .saSiblingFields {
	display: flex
}

.saLargeScreen .saLabelsBefore .saFieldCollection .saSiblingFields .saLabelCell {
	margin-left: 1rem;
	min-width: unset;
	overflow-wrap: break-word
}

.saLargeScreen .saLabelsBefore .saFieldCollection:not(.saMultiColumns) .saFieldCell.saFieldCellWithoutLabel:has(.saMultiRow) {
	width: 0
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa2Columns {
	grid-template-columns: repeat(2, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa3Columns {
	grid-template-columns: repeat(3, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa4Columns {
	grid-template-columns: repeat(4, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa5Columns {
	grid-template-columns: repeat(5, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa6Columns {
	grid-template-columns: repeat(6, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa7Columns {
	grid-template-columns: repeat(7, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa8Columns {
	grid-template-columns: repeat(8, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa9Columns {
	grid-template-columns: repeat(9, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa10Columns {
	grid-template-columns: repeat(10, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa11Columns {
	grid-template-columns: repeat(11, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa12Columns {
	grid-template-columns: repeat(12, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa13Columns {
	grid-template-columns: repeat(13, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa14Columns {
	grid-template-columns: repeat(14, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa15Columns {
	grid-template-columns: repeat(15, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa16Columns {
	grid-template-columns: repeat(16, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa17Columns {
	grid-template-columns: repeat(17, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa18Columns {
	grid-template-columns: repeat(18, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsBefore .saFieldCollection.sa19Columns {
	grid-template-columns: repeat(19, minmax(min-content, max-content) auto 1rem);
	width: auto
}

.saLargeScreen .saLabelsAbove .saFieldCollection {
	display: flex;
	flex-direction: column
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa2Columns {
	display: grid;
	grid-template-columns: repeat(2, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa3Columns {
	display: grid;
	grid-template-columns: repeat(3, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa4Columns {
	display: grid;
	grid-template-columns: repeat(4, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa5Columns {
	display: grid;
	grid-template-columns: repeat(5, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa6Columns {
	display: grid;
	grid-template-columns: repeat(6, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa7Columns {
	display: grid;
	grid-template-columns: repeat(7, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa8Columns {
	display: grid;
	grid-template-columns: repeat(8, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa9Columns {
	display: grid;
	grid-template-columns: repeat(9, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa10Columns {
	display: grid;
	grid-template-columns: repeat(10, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa11Columns {
	display: grid;
	grid-template-columns: repeat(11, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa12Columns {
	display: grid;
	grid-template-columns: repeat(12, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa13Columns {
	display: grid;
	grid-template-columns: repeat(13, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa14Columns {
	display: grid;
	grid-template-columns: repeat(14, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa15Columns {
	display: grid;
	grid-template-columns: repeat(15, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa16Columns {
	display: grid;
	grid-template-columns: repeat(16, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa17Columns {
	display: grid;
	grid-template-columns: repeat(17, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa18Columns {
	display: grid;
	grid-template-columns: repeat(18, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.sa19Columns {
	display: grid;
	grid-template-columns: repeat(19, auto 1rem)
}

.saLargeScreen .saLabelsAbove .saFieldCollection.saMultiColumns .saFieldAndLabelWrapper:not(.saCheckboxFieldAndLabelWrapper) {
	display: flex;
	flex-direction: column
}

.saLargeScreen .saLabelsAbove .saFieldCollection.saMultiColumns .saFieldAndLabelWrapper:not(.saCheckboxFieldAndLabelWrapper) .saLabelCell {
	height: unset
}

.saLargeScreen .saLabelsAbove .saFieldCollection.longest .saLabelCell .saDescription,
.saLargeScreen .saLabelsAbove .saFieldCollection.longest .saLabelCell .saExtendedDescription {
	max-width: 40rem
}

.saLargeScreen .saLabelsAbove .saSiblingRow {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: repeat(2, auto);
	grid-auto-flow: column;
	width: fit-content
}

.saLargeScreen .saLabelsAbove .saLabelCell {
	max-width: max-content;
	margin-right: 1rem
}

.saLargeScreen .saLabelsAbove .saFieldCell {
	padding-top: .5rem;
	padding-bottom: 1.5rem
}

.saCompact.saLargeScreen .saLabelsAbove .saFieldCell {
	padding-bottom: 1.25rem
}

.saLargeScreen .saLabelsAbove .saCheckboxFieldAndLabelWrapper {
	display: flex;
	gap: .5rem
}

.saLargeScreen .saLabelsAbove .saCheckboxFieldAndLabelWrapper .saInputWrapper {
	max-width: 1.25rem
}

.saLargeScreen .saLabelsAbove .saCheckboxFieldAndLabelWrapper .saLabelCell {
	padding-top: .1875rem;
	order: 2;
	margin-bottom: .5rem
}

.saLargeScreen .saLabelsAbove .saCheckboxFieldAndLabelWrapper .saLabelCell:has(.saDescription) {
	padding-top: 0
}

.saLargeScreen .saLabelsAbove .saCheckboxFieldAndLabelWrapper .saLabelCell .saValidationMessage {
	position: relative;
	left: -1.75rem
}

.saLargeScreen .saLabelsAbove .saCheckboxFieldAndLabelWrapper .saFieldCell {
	order: 1;
	padding-top: 0
}

.saLargeScreen .saLabelsAbove .saCheckboxFieldAndLabelWrapper .saCheckboxControl {
	padding: 0;
	margin: 0
}

.saLargeScreen .saLabelsAbove .saCheckboxFieldAndLabelWrapper .saExtendedDescription {
	position: relative;
	left: -1.75rem
}

.saLargeScreen .saLabelsAbove .saSectionWrapper:not(.saLastVisible) {
	padding-bottom: .5rem
}

.saSmallScreen .saInputPage {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: space-between
}

.saSmallScreen .saFormRoot {
	padding: 1rem
}

.saSmallScreen .saJavaScriptButtons {
	margin-right: 0
}

.saSmallScreen .saSectionWrapper {
	max-width: 100%
}

.saSmallScreen .saFieldCollection {
	display: flex;
	flex-direction: column;
	width: 100%
}

.saSmallScreen .saFieldsRow {
	flex-direction: column
}

.saSmallScreen div.saSectionWrapper .saFieldsColumn:not(.saLastVisible) {
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #ccd5e2;
	margin-bottom: 1.5rem
}

.saSmallScreen .saCheckboxFieldAndLabelWrapper {
	display: flex
}

.saSmallScreen .saCheckboxFieldAndLabelWrapper .saLabelCell {
	padding-top: .1875rem;
	padding-left: .5rem;
	order: 2
}

.saSmallScreen .saCheckboxFieldAndLabelWrapper .saLabelCell .saValidationMessage {
	position: relative;
	left: -1.75rem
}

.saSmallScreen .saCheckboxFieldAndLabelWrapper .saFieldCell {
	order: 1
}

.saSmallScreen .saCheckboxFieldAndLabelWrapper .saInputWrapper {
	max-width: 1.25rem
}

.saSmallScreen .saLabelCell {
	padding-bottom: .5rem
}

.saSmallScreen .saDescription,
.saSmallScreen .saExtendedDescription {
	max-width: unset
}

.saSmallScreen .saFieldCell {
	padding-bottom: 1.5rem
}

.saSmallScreen .saInput {
	width: 100%;
	flex-direction: column
}

.saSmallScreen .saJavaScriptButtons {
	display: flex;
	flex-wrap: wrap;
	margin-top: .5rem;
	max-width: calc(100vw - 2rem);
	margin-bottom: .5rem
}

.saSmallScreen .saJavaScriptButtons button {
	max-width: 100%;
	flex-grow: 1
}

.saInputPageFooter {
	background: #fff;
	padding: .5rem 0;
	z-index: 5
}

.saLargeScreen .saInputPageFooter {
	margin-top: .5rem
}

@media (min-height:500px) {
	.saInputPageFooter.saSearchFormFooter {
		position: sticky;
		bottom: 0
	}
}

.saSmallScreen .saInputPageFooter .saFormButtonGroup {
	box-sizing: border-box;
	padding: .5rem;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%
}

.saSmallScreen .saInputPageFooter .saFormButtonGroup:has(:nth-child(2):last-child) .saFormButton {
	flex: 1 1 48%
}

.saInputPageFooter .saFormButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	overflow: hidden;
	padding-right: 2rem !important
}

.saInputPageFooter .saFormButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saInputPageFooter .saFormButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saInputPageFooter .saFormButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saInputPageFooter .saFormButton {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saInputPageFooter .saFormButton:active {
	border-radius: .75rem
}

.saStandard .saInputPageFooter .saFormButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saInputPageFooter .saFormButton {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saInputPageFooter .saFormButton:active {
	border-radius: .75rem
}

.saCompact .saInputPageFooter .saFormButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saInputPageFooter .saFormButton {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saInputPageFooter .saFormButton:active {
	border-radius: .75rem
}

.saSmallScreen .saInputPageFooter .saFormButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saSmallScreen .saInputPageFooter .saFormButton {
	flex: 1 0 100%;
	min-width: fit-content;
	white-space: unset;
	text-overflow: unset
}

.saCompact .saInputPageFooter .saFormButton {
	padding: .5rem;
	padding-right: 2rem;
	height: 2rem
}

.saInputCardsWrapper {
	display: flex;
	width: 100%;
	box-sizing: border-box;
	padding-right: 1rem
}

.saInputCardsWrapper input.saRadio {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
	margin: 0;
	padding: 0;
	font: inherit;
	min-width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px #7088a4, 0 0 0 1px #fff;
	cursor: pointer;
	transition: ease background-color .2s, ease box-shadow .2s;
	position: relative
}

@media (pointer:fine) {
	.saInputCardsWrapper input.saRadio:enabled:not(:checked):hover {
		background-color: #d3b9e7;
		box-shadow: inset 0 0 0 2px #5d237d, inset 0 0 0 6.1875rem #d3b9e7, 0 0 0 1px #fff
	}
}

.saInputCardsWrapper input.saRadio:enabled:not(:checked):active {
	box-shadow: inset 0 0 0 2px #50146e, inset 0 0 0 6.1875rem #b496c9, 0 0 0 1px #fff
}

.saInputCardsWrapper input.saRadio:disabled:not(:checked) {
	box-shadow: inset 0 0 0 2px #ccd5e2, inset 0 0 0 6.1875rem #eef1f5, 0 0 0 1px #fff
}

.saInputCardsWrapper input.saRadio:disabled {
	pointer-events: none
}

.saInputCardsWrapper input.saRadio:disabled+span {
	color: #60748b
}

.saInputCardsWrapper input.saRadio:checked {
	box-shadow: inset 0 0 0 2px #50146e, inset 0 0 0 .375rem #5d237d, 0 0 0 1px #fff
}

.saInputCardsWrapper input.saRadio:checked:disabled {
	background-color: #adbdd1;
	pointer-events: none;
	box-shadow: inset 0 0 0 2px #ccd5e2, inset 0 0 0 .375rem #eef1f5, 0 0 0 1px #fff
}

.saInputCardsWrapper * {
	box-sizing: border-box
}

.saSmallScreen .saInputCardsWrapper {
	padding-right: 0
}

legend+.saInputCardsWrapper {
	padding-top: .5rem
}

.saInputCardsWrapper.saHighlightFieldError label.saInputCardWrapper:has(:checked):has(:enabled).saLarge .saInputCardHeading,
.saInputCardsWrapper.saHighlightFieldError.saEmpty label.saInputCardWrapper:has(:enabled).saLarge .saInputCardHeading {
	background-color: #fff7f7;
	box-shadow: inset 0 0 0 1px #e0173e;
	color: #bf0024
}

.saInputCardsWrapper.saHighlightFieldError label.saInputCardWrapper:has(:checked):has(:enabled).saLarge .saInputCardBody,
.saInputCardsWrapper.saHighlightFieldError.saEmpty label.saInputCardWrapper:has(:enabled).saLarge .saInputCardBody {
	box-shadow: inset 1px -1px 0 0 #e0173e, inset -1px -1px 0 0 #e0173e
}

.saInputCardsWrapper.saHighlightFieldError label.saInputCardWrapper:has(:checked):has(:enabled).saNoHeading,
.saInputCardsWrapper.saHighlightFieldError.saEmpty label.saInputCardWrapper:has(:enabled).saNoHeading {
	background-color: #fff7f7;
	color: #bf0024;
	box-shadow: inset 0 0 0 2px #e0173e
}

.saInputCardsWrapper.saHighlightFieldError label.saInputCardWrapper:has(:checked):has(:enabled).saNoHeading .saInputCardDescription,
.saInputCardsWrapper.saHighlightFieldError label.saInputCardWrapper:has(:checked):has(:enabled).saNoHeading .saInputCardHeading,
.saInputCardsWrapper.saHighlightFieldError label.saInputCardWrapper:has(:checked):has(:enabled).saNoHeading .saInputCardIconWrapper .saIcon,
.saInputCardsWrapper.saHighlightFieldError.saEmpty label.saInputCardWrapper:has(:enabled).saNoHeading .saInputCardDescription,
.saInputCardsWrapper.saHighlightFieldError.saEmpty label.saInputCardWrapper:has(:enabled).saNoHeading .saInputCardHeading,
.saInputCardsWrapper.saHighlightFieldError.saEmpty label.saInputCardWrapper:has(:enabled).saNoHeading .saInputCardIconWrapper .saIcon {
	color: #bf0024
}

.saInputCardsWrapper.saHighlightFieldError label.saInputCardWrapper:has(:checked):has(:enabled) input.saRadio:checked,
.saInputCardsWrapper.saHighlightFieldError.saEmpty label.saInputCardWrapper:has(:enabled) input.saRadio:checked {
	box-shadow: inset 0 0 0 2px #bf0024, inset 0 0 0 .375rem #e0173e, 0 0 0 1px #fff
}

.saInputCardsWrapper.saHighlightFieldWarning label.saInputCardWrapper:has(:checked):has(:enabled).saLarge .saInputCardHeading {
	background-color: #fff8e7;
	box-shadow: inset 0 0 0 1px #f6ad00;
	color: #9c6700
}

.saInputCardsWrapper.saHighlightFieldWarning label.saInputCardWrapper:has(:checked):has(:enabled).saLarge .saInputCardBody {
	box-shadow: inset 1px -1px 0 0 #f6ad00, inset -1px -1px 0 0 #f6ad00
}

.saInputCardsWrapper.saHighlightFieldWarning label.saInputCardWrapper:has(:checked):has(:enabled).saNoHeading {
	background-color: #fff8e7;
	color: #9c6700;
	box-shadow: inset 0 0 0 2px #f6ad00
}

.saInputCardsWrapper.saHighlightFieldWarning label.saInputCardWrapper:has(:checked):has(:enabled).saNoHeading .saInputCardDescription,
.saInputCardsWrapper.saHighlightFieldWarning label.saInputCardWrapper:has(:checked):has(:enabled).saNoHeading .saInputCardHeading,
.saInputCardsWrapper.saHighlightFieldWarning label.saInputCardWrapper:has(:checked):has(:enabled).saNoHeading .saInputCardIconWrapper .saIcon {
	color: #9c6700
}

.saInputCardsWrapper.saHighlightFieldWarning label.saInputCardWrapper:has(:checked):has(:enabled) input.saRadio:checked {
	box-shadow: inset 0 0 0 2px #b67a00, inset 0 0 0 .375rem #f6ad00, 0 0 0 1px #fff
}

.saInputCards {
	display: flex;
	gap: .5rem;
	flex-direction: row;
	flex-wrap: wrap;
	height: fit-content;
	grid-auto-rows: 1fr;
	width: 100%
}

.saLargeScreen .saInputCards {
	min-width: 15.5rem
}

.saInputCards.saSmall {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr))
}

.saInputCards.saMedium {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr))
}

.saInputCardWrapper {
	display: flex;
	flex-direction: column;
	user-select: none;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	transition: ease box-shadow .2s, ease border-radius .2s, ease color .2s, ease background .2s;
	color: #333333
}

.saInputCardWrapper .saInputCardHeading {
	display: flex;
	gap: .5rem;
	align-items: center;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 500;
	transition: inherit;
	box-sizing: border-box;
	overflow-wrap: anywhere;
	flex-wrap: wrap;
	flex-shrink: 0
}

.saMedium.saInputCardWrapper .saInputCardHeading,
.saSmall.saInputCardWrapper .saInputCardHeading {
	font-size: .875rem;
	text-align: center
}

.saInputCardWrapper.saNoHeading {
	border-radius: .5rem;
	padding: 1rem .5rem;
	gap: .5rem;
	overflow: unset;
	justify-content: start;
	background-color: #fff;
	box-shadow: inset 0 0 0 1px #888888;
	transition: ease box-shadow .2s, ease border-radius .2s, ease background .2s
}

.saInputCardWrapper.saNoHeading input {
	height: 100%;
	width: 100%;
	background-color: transparent;
	border: none;
	box-shadow: none;
	inset: 0;
	border-radius: 0;
	appearance: none;
	position: absolute;
	padding: 0;
	padding-block: 0;
	padding-inline: 0;
	display: flex;
	border-radius: .5rem;
	pointer-events: none
}

.saInputCardWrapper .saInputCardBody {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1rem;
	height: 100%;
	transition: inherit
}

.saNoHeading.saInputCardWrapper .saInputCardBody {
	align-items: center;
	gap: .25rem;
	padding: 0;
	height: fit-content
}

.saInputCardWrapper .saInputCardDescription {
	font-size: .75rem;
	font-weight: 400;
	color: #60748b;
	width: 100%;
	overflow-wrap: break-word
}

.saNoHeading.saInputCardWrapper .saInputCardDescription {
	text-align: center
}

.saInputCardWrapper .saInputCardIconWrapper {
	display: flex;
	justify-content: center;
	align-items: center
}

.saNoHeading.saInputCardWrapper .saInputCardIconWrapper {
	font-size: 1.5rem
}

.saNoHeading.saInputCardWrapper .saInputCardIconWrapper img {
	height: 2rem
}

.saInputCardWrapper.saLarge {
	overflow: hidden;
	width: 19rem
}

.saInputCardWrapper.saLarge .saInputCardHeading {
	min-height: 2.5rem;
	overflow: hidden;
	background-color: #eef1f5;
	padding: .5rem 2.5rem .5rem 1rem;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	box-shadow: inset 0 0 0 1px #888888
}

.saInputCardWrapper.saLarge.saNoBody .saInputCardHeading {
	border-radius: .5rem
}

.saInputCardWrapper.saLarge .saInputCardBody {
	background-color: #fff;
	border-bottom-left-radius: .5rem;
	border-bottom-right-radius: .5rem;
	box-shadow: inset 1px -1px 0 0 #888888, inset -1px -1px 0 0 #888888
}

@media (pointer:fine) {
	.saInputCardWrapper.saLarge.saActive:hover .saInputCardHeading {
		box-shadow: inset 0 0 0 1px #5d237d;
		background-color: #fcf7ff;
		color: #5d237d;
		border-bottom-color: #5d237d
	}

	.saInputCardWrapper.saLarge.saActive:hover .saInputCardBody {
		box-shadow: inset 1px -1px 0 0 #5d237d, inset -1px -1px 0 0 #5d237d
	}
}

.saInputCardWrapper.saLarge.saActive:active .saInputCardHeading {
	border-top-right-radius: 1rem;
	border-top-left-radius: 1rem;
	box-shadow: inset 0 0 0 1px #5d237d;
	background-color: #d3b9e7;
	color: #50146e;
	border-bottom-color: #5d237d
}

.saInputCardWrapper.saLarge.saActive:active .saInputCardBody {
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
	box-shadow: inset 1px -1px 0 0 #5d237d, inset -1px -1px 0 0 #5d237d
}

.saInputCardWrapper.saLarge.saActive:active.saNoBody .saInputCardHeading {
	border-radius: 1rem
}

.saInputCardWrapper.saLarge:has(:checked):has(:enabled):not(:active) .saInputCardHeading {
	box-shadow: inset 0 0 0 1px #5d237d;
	background-color: #f6deff;
	border-bottom-color: #5d237d
}

.saInputCardWrapper.saLarge:has(:checked):has(:enabled):not(:active) .saInputCardBody {
	box-shadow: inset 1px -1px 0 0 #5d237d, inset -1px -1px 0 0 #5d237d
}

.saLarge.saInputCardWrapper.saLarge .saInputCardIconWrapper {
	max-height: 10rem;
	font-size: 3rem;
	width: 100%;
	height: 100%
}

.saLarge.saInputCardWrapper.saLarge .saInputCardIconWrapper img {
	width: 100%;
	height: 100%
}

.saInputCardWrapper.saMedium .saInputCardHeading,
.saInputCardWrapper.saSmall .saInputCardHeading {
	font-size: .875rem;
	text-align: center;
	hyphens: auto
}

@media (pointer:fine) {

	.saInputCardWrapper.saMedium.saActive:hover,
	.saInputCardWrapper.saSmall.saActive:hover {
		background-color: #fcf7ff;
		color: #5d237d;
		box-shadow: inset 0 0 0 1px #5d237d
	}

	.saInputCardWrapper.saMedium.saActive:hover .saInputCardDescription,
	.saInputCardWrapper.saMedium.saActive:hover .saInputCardIconWrapper .saIcon,
	.saInputCardWrapper.saSmall.saActive:hover .saInputCardDescription,
	.saInputCardWrapper.saSmall.saActive:hover .saInputCardIconWrapper .saIcon {
		color: #5d237d
	}
}

.saInputCardWrapper.saMedium.saActive:active,
.saInputCardWrapper.saSmall.saActive:active {
	background-color: #fcf7ff;
	color: #5d237d;
	box-shadow: inset 0 0 0 1px #5d237d
}

.saInputCardWrapper.saMedium.saActive:active .saInputCardDescription,
.saInputCardWrapper.saMedium.saActive:active .saInputCardIconWrapper .saIcon,
.saInputCardWrapper.saSmall.saActive:active .saInputCardDescription,
.saInputCardWrapper.saSmall.saActive:active .saInputCardIconWrapper .saIcon {
	color: #5d237d
}

.saInputCardWrapper.saMedium.saActive:active,
.saInputCardWrapper.saSmall.saActive:active {
	border-radius: 1rem
}

.saInputCardWrapper:has(:checked):has(:enabled):not(:active).saNoHeading {
	box-shadow: inset 0 0 0 2px #5d237d;
	background-color: #f6deff;
	color: #50146e
}

.saInputCardWrapper:has(:checked):has(:enabled):not(:active).saNoHeading .saInputCardDescription,
.saInputCardWrapper:has(:checked):has(:enabled):not(:active).saNoHeading .saInputCardIconWrapper .saIcon {
	color: #50146e
}

.saSmallScreen .saInputCardWrapper.saLarge {
	width: 100%
}

.saDisabled .saInputCardWrapper,
.saInputCardWrapper.saDisabled {
	cursor: default
}

.saDisabled .saInputCardWrapper.saLarge .saInputCardBody,
.saDisabled .saInputCardWrapper.saMedium,
.saDisabled .saInputCardWrapper.saSmall,
.saInputCardWrapper.saDisabled.saLarge .saInputCardBody,
.saInputCardWrapper.saDisabled.saMedium,
.saInputCardWrapper.saDisabled.saSmall {
	background-color: #eef1f5
}

.saDisabled .saInputCardWrapper .saInputCardHeading,
.saInputCardWrapper.saDisabled .saInputCardHeading {
	color: #7088a4;
	border-bottom-color: #ccd5e2
}

.saDisabled .saInputCardWrapper.saLarge .saInputCardHeading,
.saInputCardWrapper.saDisabled.saLarge .saInputCardHeading {
	background-color: #dde3ec
}

.saDisabled .saInputCardWrapper:has(:checked) .saInputCardHeading,
.saInputCardWrapper.saDisabled:has(:checked) .saInputCardHeading {
	color: #60748b;
	border-bottom-color: #8fa5c0
}

.saDisabled .saInputCardWrapper:has(:checked).saLarge .saInputCardBody,
.saDisabled .saInputCardWrapper:has(:checked).saMedium,
.saDisabled .saInputCardWrapper:has(:checked).saSmall,
.saInputCardWrapper.saDisabled:has(:checked).saLarge .saInputCardBody,
.saInputCardWrapper.saDisabled:has(:checked).saMedium,
.saInputCardWrapper.saDisabled:has(:checked).saSmall {
	background-color: #ccd5e2;
	box-shadow: inset 0 0 0 2px #8fa5c0
}

.saDisabled .saInputCardWrapper:has(:checked).saLarge .saInputCardHeading,
.saInputCardWrapper.saDisabled:has(:checked).saLarge .saInputCardHeading {
	background-color: #adbdd1
}

.saDisabled .saInputCardWrapper .saIcon,
.saDisabled .saInputCardWrapper img,
.saInputCardWrapper.saDisabled .saIcon,
.saInputCardWrapper.saDisabled img {
	opacity: .5
}

.saDisabled .saInputCardWrapper .saPill,
.saInputCardWrapper.saDisabled .saPill {
	background: #eef1f5 !important;
	color: #adbdd1;
	cursor: default
}

.saInputCardWrapper .saPill {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .25rem;
	font-size: .75rem;
	line-height: .75rem;
	font-weight: 500;
	background-color: #eef1f5;
	padding: .25rem .5rem;
	width: fit-content;
	height: 1.5rem;
	transition: ease .2s background-color, ease .2s color, ease .2s box-shadow;
	box-shadow: inset 0 0 0 0 transparent;
	border-radius: 1rem;
	height: unset;
	position: relative;
	background-color: #313a44;
	color: #fff
}

.saInputCardWrapper .saPill.saDisabled {
	background: #eef1f5;
	color: #adbdd1;
	cursor: not-allowed
}

.saInputCardWrapper .saPill:has(:enabled) {
	cursor: pointer
}

@media (pointer:fine) {
	.saInputCardWrapper .saPill:has(:enabled):hover {
		background-color: #f6deff;
		color: #50146e
	}

	.saInputCardWrapper .saPill:has(:enabled):hover.saOutline {
		box-shadow: inset 0 0 0 1px #5d237d
	}
}

.saInputCardWrapper .saPill:has(:enabled):active {
	background-color: #d3b9e7;
	color: #42045f
}

.saInputCardWrapper .saPill::before {
	content: "";
	height: 2.75rem;
	width: 100%;
	background-color: transparent;
	opacity: 0;
	position: absolute
}

.saInputCardWrapper .saPill.saSmall {
	height: 1.5rem;
	min-width: 2.5rem;
	border-radius: .75rem;
	padding: .25rem .5rem;
	gap: .25rem;
	font-size: .75rem;
	line-height: .75rem
}

.saInputCardWrapper .saPill.saMedium {
	min-width: 4rem;
	height: 2rem;
	border-radius: 1rem;
	padding: 0 .75rem;
	gap: .5rem;
	font-size: .875rem;
	line-height: .875rem
}

.saInputCardWrapper .saPill.saLarge {
	min-width: 4rem;
	height: 2.5rem;
	border-radius: 1.25rem;
	padding: 0 .75rem;
	gap: .5rem;
	font-size: .875rem;
	line-height: .875rem
}

.saInputCardWrapper .saPill.saOutline {
	box-shadow: inset 0 0 0 1px #ccd5e2
}

.saInputCardWrapper .saPill:has(:checked) {
	background-color: #5d237d;
	color: #fff
}

.saInputCardWrapper .saPill:has(:checked).saOutline {
	background-color: #f6deff;
	color: #50146e;
	box-shadow: inset 0 0 0 1px #5d237d
}

.saInputCardWrapper .saPill input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	margin: 0;
	padding: 0;
	padding-block: 0;
	padding-inline: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: 0 0;
	border-radius: 1rem;
	cursor: inherit
}

.saInputCardWrapper input.saCheckbox,
.saInputCardWrapper input.saRadio {
	position: absolute;
	top: .625rem;
	right: .625rem
}

.saCheckboxTreeWrapper {
	display: flex;
	flex-direction: column;
	max-height: 80vh
}

.saSmallScreen .saCheckboxTreeWrapper {
	width: 100%
}

.saCheckboxTreeWrapper .saCheckboxTree {
	overflow-y: auto;
	box-shadow: inset 0 0 0 1px #888888;
	border-radius: 0 0 .5rem .5rem;
	padding: .5rem;
	background-color: #fff;
	transition: ease color .2s, ease background-color .2s, ease box-shadow .2s
}

.saDisabled .saCheckboxTreeWrapper {
	color: #8fa5c0
}

.saCheckboxTreeWrapper .saInputText {
	height: 2.5rem;
	border-radius: .5rem;
	padding: 0 .75rem;
	min-width: 5rem;
	max-width: 100%;
	font: inherit;
	outline: 0;
	padding-left: 2.625rem
}

.saCheckboxTreeWrapper .saInputValidation {
	display: flex;
	position: unset;
	right: unset;
	top: unset;
	padding: .5rem .5rem .5rem .875rem;
	min-width: 0;
	gap: .375rem;
	pointer-events: none;
	align-items: center;
	margin-top: -1px;
	transition: ease color .2s, ease background-color .2s, ease box-shadow .2s
}

.saCheckboxTreeWrapper .saInputValidation .saInputValidationIcon {
	display: flex;
	border-radius: 0;
	font-size: 1.25rem;
	transition: inherit
}

.saCheckboxTreeWrapper .saInputValidation .saInputErrorMessage {
	display: flex;
	color: #333333;
	transform: translateY(0);
	word-break: break-word;
	transition: inherit
}

.saCheckboxTreeWrapper .saInputValidation.saError {
	box-shadow: inset 0 0 0 1px #e0173e;
	background-color: #fff7f7
}

.saCheckboxTreeWrapper .saInputValidation.saError .saInputValidationIcon {
	color: #e0173e
}

.saCheckboxTreeWrapper .saInputValidation.saInfo {
	box-shadow: inset 0 0 0 1px #2d6ce1;
	background-color: #e5efff
}

.saCheckboxTreeWrapper .saInputValidation.saInfo .saInputValidationIcon {
	color: #2d6ce1
}

.saCheckboxTreeWrapper .saInputValidation.saWarning {
	box-shadow: inset 0 0 0 1px #ffcd5b;
	background-color: #fff8e7
}

.saCheckboxTreeWrapper .saInputValidation.saWarning .saInputValidationIcon {
	color: #b67a00
}

.saDisabled .saCheckboxTreeWrapper .saInputValidation {
	box-shadow: inset 0 0 0 1px #888888;
	background-color: #eef1f5
}

.saDisabled .saCheckboxTreeWrapper .saInputValidation .saInputErrorMessage {
	color: #8fa5c0
}

.saDisabled .saCheckboxTreeWrapper .saInputValidation .saInputValidationIcon {
	color: #8fa5c0
}

.saCheckboxTreeWrapper .saCheckboxTreeHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	background-color: #eef1f5;
	border-radius: .5rem .5rem 0 0;
	padding: .75rem .875rem;
	box-shadow: inset 0 0 0 1px #888888;
	margin-bottom: -1px;
	transition: ease color .2s, ease background-color .2s, ease box-shadow .2s
}

.saCheckboxTreeWrapper .saCheckboxTreeHeader label.saCheckboxWrapper {
	transition: none
}

.saCheckboxTreeWrapper .saCheckboxTreeSticky {
	width: 100%;
	z-index: 2;
	background-color: #fff;
	margin-bottom: -1px;
	transition: ease color .2s, ease background-color .2s, ease box-shadow .2s
}

.saCheckboxTreeWrapper .saCheckboxTreeSticky .saInputTextWrapper {
	box-shadow: inset 0 0 0 1px #888888;
	transition: inherit
}

.saDisabled .saCheckboxTreeWrapper .saCheckboxTreeSticky .saInputTextWrapper {
	background-color: #f8f9fb
}

.saCheckboxTreeWrapper .saCheckboxTreeSticky .saInputTextWrapper .saLeadingIcon {
	position: absolute;
	padding-left: 1rem;
	top: .625rem;
	left: 0;
	z-index: 1;
	font-size: 1.25rem;
	pointer-events: none;
	color: #333333;
	transition: inherit
}

.saDisabled .saCheckboxTreeWrapper .saCheckboxTreeSticky .saInputTextWrapper .saLeadingIcon {
	color: #ccd5e2 !important
}

.saCheckboxTreeWrapper .saCheckboxTreeSticky .saInputTextWrapper .saInputText::placeholder {
	transition: ease color .2s
}

.saDisabled .saCheckboxTreeWrapper .saCheckboxTreeSticky .saInputTextWrapper .saInputText::placeholder {
	color: #ccd5e2
}

.saCheckboxTreeWrapper .saCheckboxTreeSticky .saInputTextWrapper:focus-within .saLeadingIcon,
.saCheckboxTreeWrapper .saCheckboxTreeSticky .saInputTextWrapper:hover .saLeadingIcon {
	color: #5d237d
}

.saCheckboxTreeWrapper .saCheckboxTreeSticky .saInputText {
	border-radius: 0;
	background-color: transparent;
	padding: 0 .75rem 0 2.75rem
}

.saCheckboxTreeWrapper .saCheckboxTreeSticky .saInputTextWrapper {
	margin-right: 0
}

.saCheckboxTreeWrapper .saCheckboxTreeNumberOfChecked {
	font-size: .75rem;
	line-height: .75rem;
	transition: ease color .1s
}

.saDisabled .saCheckboxTreeWrapper .saCheckboxTreeNumberOfChecked {
	color: #8fa5c0
}

.saCheckboxTreeWrapper .saNoResults {
	display: flex;
	align-items: center;
	color: #60748b;
	min-height: 2.5rem;
	padding: .5rem
}

.saCheckboxTreeWrapper .saCheckboxOuter label.saCheckboxWrapper {
	transition: none
}

.saHighlightFieldError:not(.saDisabled) .saCheckboxTreeWrapper .saCheckboxTree {
	box-shadow: inset 0 0 0 1px #e0173e
}

.saHighlightFieldError:not(.saDisabled) .saCheckboxTreeWrapper .saCheckboxTreeHeader {
	box-shadow: inset 0 0 0 1px #e0173e;
	background-color: #fff7f7
}

.saHighlightFieldError:not(.saDisabled) .saCheckboxTreeWrapper .saCheckboxTreeSticky .saInputText {
	box-shadow: inset 0 0 0 1px #e0173e
}

.saHighlightFieldWarning:not(.saDisabled) .saCheckboxTreeWrapper .saCheckboxTree {
	box-shadow: inset 0 0 0 1px #ffcd5b
}

.saHighlightFieldWarning:not(.saDisabled) .saCheckboxTreeWrapper .saCheckboxTreeHeader {
	box-shadow: inset 0 0 0 1px #ffcd5b;
	background-color: #fff8e7
}

.saHighlightFieldWarning:not(.saDisabled) .saCheckboxTreeWrapper .saCheckboxTreeSticky .saInputText {
	box-shadow: inset 0 0 0 1px #ffcd5b
}

.saCompact .saCheckboxTreeWrapper .saError.saInputValidation {
	padding: .5rem .5rem .5rem .875rem;
	gap: .5rem
}

.saCompact .saCheckboxTreeWrapper .saNoResults {
	min-height: 2rem;
	max-height: 2rem
}

.saColorPreview {
	padding: 0;
	transition: background-color ease .2s, opacity ease .2s, border-radius ease .2s;
	overflow: hidden;
	background-color: #ccd5e2;
	background-image: repeating-linear-gradient(45deg, #ccd5e2 25%, transparent 25%, transparent 75%, #ccd5e2 75%, #ccd5e2), repeating-linear-gradient(45deg, #ccd5e2 25%, #eef1f5 25%, #eef1f5 75%, #ccd5e2 75%, #ccd5e2);
	border: solid 1px #ccd5e2
}

@media (pointer:fine) {
	.saColorPreview:hover {
		opacity: .9
	}
}

.saColorPreview:active {
	border-radius: .75rem
}

.saColorPreview {
	height: 1.5rem;
	width: 1.5rem;
	border-radius: .25rem;
	background-position: 0 0, .3438rem .3438rem;
	background-size: .6875rem .6875rem
}

.saColorPickerField {
	width: 8.75rem
}

.saColorPicker {
	position: absolute;
	width: fit-content;
	z-index: 1005;
	box-sizing: border-box
}

.saColorPicker * {
	box-sizing: border-box
}

.saSmallScreen .saColorPicker {
	position: relative;
	display: flex;
	justify-content: center;
	height: fit-content;
	width: 100%
}

.saColors {
	display: flex;
	flex-direction: column;
	width: fit-content;
	margin-top: .25rem;
	position: relative;
	border-radius: 1rem;
	background: #fff;
	border: solid 1px #ccd5e2;
	box-shadow: 0 1px 2px rgba(49, 58, 68, .07), 0 2px .25rem rgba(49, 58, 68, .07), 0 .25rem .5rem rgba(49, 58, 68, .07), 0 .5rem 1rem rgba(49, 58, 68, .07);
	z-index: 1;
	transition: ease height .2s, ease opacity .2s;
	height: fit-content;
	max-height: 80vh;
	overflow-y: auto
}

.saSmallScreen .saColors {
	width: 100%;
	margin-top: 0;
	box-shadow: none;
	border: none;
	border-radius: 0
}

.saPalette {
	padding: .5rem;
	display: grid;
	grid-template-columns: repeat(9, 1.5rem);
	gap: .5rem;
	position: relative;
	width: fit-content
}

.saSmallScreen .saPalette {
	grid-template-columns: repeat(9, 1fr);
	width: 100%;
	justify-items: center;
	column-gap: 0;
	padding: .5rem 1rem
}

.saSmallScreen .saPalette:first-child {
	padding-top: 0
}

.saPalette.saFooter {
	background-color: #f8f9fb;
	border-top: 1px solid #ccd5e2
}

.saSmallScreen .saPalette.saFooter {
	background-color: #fff
}

.saColor {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: .5rem;
	margin: 0;
	cursor: pointer;
	transition: ease transform .2s, ease border-radius .2s, ease box-shadow .2s;
	position: relative;
	outline: 1px solid #ccd5e2
}

.saSmallScreen .saColor {
	outline-offset: -1px;
	width: 1.75rem;
	height: 1.75rem;
	transition: ease border-radius .2s
}

.saColor::-webkit-color-swatch-wrapper {
	padding: 0
}

.saColor::-webkit-color-swatch {
	border: none;
	background-image: conic-gradient(red, #ff0, #0f0, #0ff, #00f, #ff00ff, red)
}

.saColor.saWhite {
	grid-column: 8
}

.saColor.saBlack {
	grid-column: 9
}

@media (pointer:fine) {
	.saColor:hover {
		transform: scale(1.25);
		box-shadow: 0 1px 2px rgba(49, 58, 68, .07), 0 2px .25rem rgba(49, 58, 68, .07)
	}
}

.saColor:active {
	border-radius: .75rem
}

.saColor::after {
	content: '';
	box-sizing: border-box;
	height: .625rem;
	width: .625rem;
	border-radius: 100%;
	background-color: #fff;
	position: absolute;
	box-shadow: 0 2px 2px rgba(49, 58, 68, .2);
	transition: ease transform .2s, ease opacity .2s;
	border: solid 1px #ccd5e2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	opacity: 0;
	transform-origin: center
}

.saColor::before {
	content: '';
	height: 32px;
	width: 32px;
	left: -.25rem;
	top: -.25rem;
	position: absolute
}

.saSmallScreen .saColor::before {
	content: none
}

.saColor.saChecked,
.saColor.saSelected,
.saColor:checked {
	border-radius: 100%
}

.saColor.saChecked::before,
.saColor.saSelected::before,
.saColor:checked::before {
	content: none
}

.saColor.saChecked::after,
.saColor.saSelected::after,
.saColor:checked::after {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1)
}

.saColor:is(:nth-child(9n), :last-child)::before {
	height: 1.75rem;
	width: 1.75rem
}

.saInputDateRange {
	display: flex;
	flex-direction: column;
	max-width: 100%;
	height: 2rem;
	background-color: #fff;
	box-shadow: inset 0 0 0 1px #888888;
	border: none;
	transition: background-color .2s ease, box-shadow .2s ease;
	box-sizing: border-box;
	border-radius: .5rem;
	flex-direction: row;
	align-items: center;
	cursor: text
}

.saSmallScreen .saInputDateRange {
	width: 100%
}

.saInputDateRange * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.saInputDateRange .saDateSeparator {
	pointer-events: none;
	width: .75rem;
	border-bottom: 2px solid #adbdd1
}

.saInputDateRange input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 100%;
	background-color: transparent;
	margin: 0;
	padding-block: 0;
	padding-inline: 0;
	padding: 0 .625rem;
	border: none;
	font-size: .875rem;
	cursor: text;
	outline: 0;
	color: #333333;
	width: 6.5rem;
	box-sizing: border-box;
	font-variant-numeric: tabular-nums
}

.saInputDateRange input::placeholder {
	color: #60748b;
	letter-spacing: -1px
}

.saInputDateRange input::-webkit-calendar-picker-indicator {
	display: none
}

.saInputDateRange input.saToDate {
	padding-left: .75rem
}

.saInputDateRange input.saActive {
	color: #5d237d;
	font-weight: 500;
	letter-spacing: -.0094rem
}

.saInputDateRange:focus-visible {
	outline: 0
}

@media (pointer:fine) {
	.saInputDateRange:hover {
		box-shadow: inset 0 0 0 2px #5d237d
	}
}

.saInputDateRange:focus-within {
	background: #fcf7ff;
	box-shadow: inset 0 0 0 2px #5d237d
}

.saInputDateRange::placeholder {
	color: #60748b
}

.saInputDateRange.saDisabled {
	border-color: transparent;
	box-shadow: none;
	background: #eef1f5;
	color: #8fa5c0;
	cursor: default
}

.saInputDateRange.saDisabled .saIcon,
.saInputDateRange.saDisabled input,
.saInputDateRange.saDisabled input::placeholder {
	border-color: transparent;
	box-shadow: none;
	background: #eef1f5;
	color: #8fa5c0;
	background-color: transparent;
	cursor: default
}

.saSmallScreen .saInputDateRange {
	flex-direction: row;
	justify-content: flex-start;
	height: 2rem;
	position: relative
}

.saSmallScreen .saInputDateRange input {
	width: 6.75rem;
	padding: 0 .5rem
}

.saSmallScreen .saInputDateRange input.saToDate {
	padding-left: .5rem
}

.saSmallScreen .saInputDateRange:active {
	background-color: #f6deff
}

.saSmallScreen .saInputDateRange .saSep {
	color: #ccd5e2
}

.saSmallScreen .saInputDateRange.saDisabled,
.saSmallScreen .saInputDateRange:disabled {
	border-color: transparent;
	box-shadow: none;
	background: #eef1f5;
	color: #8fa5c0
}

.saSmallScreen .saInputDateRange.saDisabled .saIcon,
.saSmallScreen .saInputDateRange:disabled .saIcon {
	color: #8fa5c0
}

.saSmallScreen .saInputDateRange .saDayRow {
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 2
}

@media (max-height:480px) {
	.saSmallScreen .saInputDateRange .saDayRow {
		position: unset;
		top: unset
	}
}

.saDateTimeField,
.saLargeScreen .saMultiRowCell .saMultiRowInputWrapper.saDateTimeValidation .saValidationMessage,
.saLargeScreen .saSiblingFields .saFieldCell:not(:last-child) .saInputWrapper.saDateTimeValidation .saValidationMessage {
	width: 12rem
}

.saDateField {
	width: 8.75rem
}

.saTimeField {
	width: 8.75rem
}

.saDatePicker {
	gap: .25rem
}

.saDatePickerRoot {
	animation: .1s ease-in-out saScaleIn;
	position: absolute;
	z-index: 1005;
	width: fit-content;
	user-select: none;
	padding: .5rem 1rem 1rem 1rem;
	border-radius: 1rem;
	display: flex;
	flex-direction: column;
	box-shadow: 0 1px 2px rgba(49, 58, 68, .07), 0 2px .25rem rgba(49, 58, 68, .07), 0 .25rem .5rem rgba(49, 58, 68, .07), 0 .5rem 1rem rgba(49, 58, 68, .07), 0 1rem 2rem rgba(49, 58, 68, .07), 0 2rem 4rem rgba(49, 58, 68, .07);
	border: solid 1px #ccd5e2;
	background: #fff;
	font-size: .875rem;
	height: fit-content
}

.saDatePickerRoot * {
	box-sizing: border-box
}

.saDatePickerRoot.saDateRangePickerRoot,
.saDatePickerRoot.saDateTimePickerWrapper {
	gap: 1rem
}

.saDatePickerRoot a {
	text-decoration: none
}

.saDatePickerRoot .saPrevMonth {
	animation: .2s ease-in-out saPrevMonth
}

.saDatePickerRoot .saNextMonth {
	animation: .2s ease-in-out saNextMonth
}

.saDatePickerRoot .saMonthWrapper {
	display: flex;
	flex-direction: column;
	position: relative
}

.saDatePickerRoot .saYearPicker {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: flex-start;
	gap: .25rem;
	transition: ease width .2s, ease height .2s;
	position: absolute;
	top: 2rem;
	left: 0;
	z-index: 1;
	height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0;
	background: #fff
}

.saDatePickerRoot .saYearPicker.saActive {
	height: 14rem
}

.saFewWeeks.saDatePickerRoot .saYearPicker.saActive {
	height: 11.875rem
}

.saManyWeeks.saDatePickerRoot .saYearPicker.saActive {
	height: 16.375rem
}

.saDateTimePickerWrapper.saDatePickerRoot .saYearPicker {
	width: 25.125rem
}

.saDateTimePickerWrapper.saDatePickerRoot .saYearPicker.saActive {
	height: 18.5rem
}

.saCompact .saDateTimePickerWrapper.saDatePickerRoot .saYearPicker.saActive {
	height: 18rem
}

.saDatePicker.saDatePickerRoot .saYearPicker {
	width: 16.75rem
}

.saDateRangePickerRoot.saDatePickerRoot .saYearPicker {
	top: 2.5rem
}

.saLargeScreen .saDateRangePickerRoot.saDatePickerRoot .saYearPicker {
	left: 1rem
}

.saDatePickerRoot .saMonth {
	background-color: transparent;
	display: flex;
	font-size: .875rem;
	align-items: center;
	font-weight: 600;
	gap: .5rem;
	color: #333333;
	padding: .5rem 0
}

.saDatePickerRoot a.saMonth {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem;
	cursor: pointer
}

.saDatePickerRoot a.saMonth .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saDatePickerRoot a.saMonth .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saDatePickerRoot a.saMonth .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saDatePickerRoot a.saMonth:active {
	border-radius: .75rem
}

.saDatePickerRoot a.saMonth .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saDatePickerRoot a.saMonth .saIcon {
	color: #333333
}

@media (pointer:fine) {
	.saDatePickerRoot a.saMonth:hover {
		color: #5d237d
	}

	.saDatePickerRoot a.saMonth:hover .saIcon {
		color: #5d237d
	}
}

.saDatePickerRoot a.saMonth:active {
	color: #764296
}

.saDatePickerRoot a.saMonth:active .saIcon {
	color: #764296
}

.saDatePickerRoot a.saMonth.saActive {
	color: #5d237d
}

.saDatePickerRoot a.saMonth.saActive .saIcon {
	color: #5d237d;
	transform: rotate(180deg)
}

.saDatePickerRoot .saDatePickerMonthHeading {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	position: relative;
	height: 2rem
}

.saDatePickerRoot .saMonthBrowser {
	display: flex;
	gap: .25rem;
	justify-content: flex-end;
	transition: transform .2s ease, visibility .2s ease, opacity .2s ease
}

.saDatePickerRoot:has(.saYearPicker.saActive).saDatePickerRoot .saMonthBrowser {
	visibility: hidden;
	transform: translateY(2rem);
	opacity: 0
}

.saDatePickerRoot .saMonthBrowser button {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: transparent
}

.saSmallScreen .saDatePickerRoot .saMonthBrowser {
	display: none
}

.saDatePickerRoot .saMonthBrowser .saIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	height: 2rem;
	min-width: 2rem;
	position: relative;
	border-radius: .5rem;
	color: #333333;
	cursor: pointer;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saDatePickerRoot .saMonthBrowser .saIcon::after {
	content: '';
	position: absolute;
	height: 3rem;
	width: 3rem
}

@media (pointer:fine) {
	.saDatePickerRoot .saMonthBrowser .saIcon:hover {
		background: #f8f9fb;
		color: #5d237d
	}
}

.saDatePickerRoot .saMonthBrowser .saIcon:active {
	background: #eef1f5;
	border-radius: .75rem
}

.saDatePickerRoot .saDayRow {
	display: flex;
	text-align: center;
	gap: .25rem;
	color: #60748b;
	align-items: center;
	transition: transform .2s ease, visibility .2s ease, opacity .2s ease
}

.saDatePickerRoot:has(.saYearPicker.saActive).saDatePickerRoot .saDayRow {
	visibility: hidden;
	transform: translateY(2rem);
	opacity: 0
}

.saSmallScreen .saDatePickerRoot .saDayRow {
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 2
}

.saDatePickerRoot .saWeekNr {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .75rem;
	min-width: 1rem;
	height: 2rem;
	color: #8fa5c0
}

.saSmallScreen .saDatePickerRoot .saWeekNr {
	height: 2.5rem
}

.saDatePickerRoot .saWeekNr.saEmpty {
	height: 1.5rem
}

.saDatePickerRoot .saDay {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 2rem;
	height: 1.5rem;
	font-size: .75rem;
	color: #8fa5c0
}

.saSmallScreen .saDatePickerRoot .saDay {
	width: 100%;
	min-width: unset
}

.saDatePickerRoot .saDateRow {
	display: flex;
	text-align: center;
	gap: .25rem;
	transition: transform .2s ease, visibility .2s ease, opacity .2s ease
}

.saDatePickerRoot:has(.saYearPicker.saActive).saDatePickerRoot .saDateRow {
	visibility: hidden;
	transform: translateY(2rem);
	opacity: 0
}

.saDatePickerRoot .saDate {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	display: flex;
	justify-content: center;
	align-items: center;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	height: 2rem;
	min-width: 2rem;
	font-size: .875rem;
	cursor: pointer;
	position: relative;
	color: #333333;
	line-height: 1rem;
	border-radius: .5rem;
	background-color: transparent
}

.saDatePickerRoot .saDate::after {
	content: "";
	position: absolute;
	height: calc(100% + .25rem);
	width: calc(100% + .25rem);
	background-color: transparent;
	opacity: 0
}

.saSmallScreen .saDatePickerRoot .saDate {
	height: 2.5rem;
	width: 100%
}

@media (pointer:fine) {
	.saDatePickerRoot .saDate:hover {
		background-color: #fcf7ff;
		color: #5d237d;
		box-shadow: inset 0 0 0 2px #5d237d
	}
}

.saDatePickerRoot .saDate:active {
	background-color: #f6deff;
	color: #50146e;
	box-shadow: inset 0 0 0 2px #50146e;
	border-radius: .75rem
}

.saDatePickerRoot .saDate.saToday {
	color: #5d237d
}

.saDatePickerRoot .saDate.saDisabled {
	color: #ccd5e2;
	pointer-events: none
}

.saDatePickerRoot .saDate.saDateActive {
	background-color: #5d237d;
	color: #fcf7ff;
	box-shadow: inset 0 0 0 2px transparent
}

.saDatePickerRoot .saDate.saDateActive.saToday {
	font-weight: 400
}

.saDateRangePickerRoot.saDatePickerRoot .saDate {
	transition: ease border-radius .2s
}

.saDatePickerRoot .saDate.saDateInRange {
	color: #50146e
}

.saDatePickerRoot .saDate.saDateInRange::before {
	content: "";
	height: 100%;
	width: calc(100% + .25rem);
	left: -.25rem;
	position: absolute;
	z-index: -1;
	background-color: #f6deff
}

.saDatePickerRoot .saDate.saDateInRange:last-child::before {
	border-radius: 0 .25rem .25rem 0
}

.saDatePickerRoot .saDate.saDateInRange:nth-child(2)::before {
	border-radius: .25rem 0 0 .25rem;
	left: 0;
	width: 100%
}

.saDatePickerRoot .saDate.saDateInRange:has(+.saDateEnd)::before {
	width: calc(100% + .5rem)
}

.saDatePickerRoot .saDate.saDateStart {
	border-radius: .5rem 0 0 .5rem
}

.saDatePickerRoot .saDate.saDateStart:has(+.saDateEnd)::before {
	content: "";
	height: 100%;
	width: calc(100% + .25rem);
	left: 0;
	position: absolute;
	z-index: -1;
	background-color: #5d237d;
	border-radius: .5rem 0 0 .5rem
}

.saDatePickerRoot .saDate.saDateEnd {
	border-radius: 0 .5rem .5rem 0
}

.saDatePickerRoot .saDate.saDateActive.saDateStart.saDateEnd {
	border-radius: .5rem
}

.saDatePickerRoot .saDate.saDateInRange:has(+.saEmpty)::before {
	border-radius: 0 .25rem .25rem 0
}

.saDatePickerRoot .saDate.saDateInRange:nth-child(2):has(+.saEmpty)::before {
	border-radius: .25rem
}

.saDatePickerRoot .saDate.saEmpty+.saDateInRange::before {
	border-radius: .25rem 0 0 .25rem
}

.saDatePickerRoot .saDate.saEmpty {
	pointer-events: none
}

.saDatePickerRoot .saTodayLink {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	width: fit-content
}

.saDatePickerRoot .saTodayLink .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saDatePickerRoot .saTodayLink .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saDatePickerRoot .saTodayLink .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saDatePickerRoot .saTodayLink {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saDatePickerRoot .saTodayLink:active {
	border-radius: .75rem
}

.saStandard .saDatePickerRoot .saTodayLink .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saDatePickerRoot .saTodayLink {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saDatePickerRoot .saTodayLink:active {
	border-radius: .75rem
}

.saCompact .saDatePickerRoot .saTodayLink .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saDatePickerRoot .saTodayLink {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saDatePickerRoot .saTodayLink:active {
	border-radius: .75rem
}

.saSmallScreen .saDatePickerRoot .saTodayLink .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saDatePickerRoot .saTodayLink .saIcon {
	color: #333333
}

.saDatePickerRoot .saTodayLink.saDestructive {
	color: #dd1f26
}

.saDatePickerRoot .saTodayLink.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saDatePickerRoot .saTodayLink.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saDatePickerRoot .saTodayLink.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saDatePickerRoot .saTodayLink.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saDatePickerRoot .saTodayLink.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saDatePickerRoot .saTodayLink:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saDatePickerRoot .saTodayLink:hover .saIcon {
		color: #5d237d
	}
}

.saDatePickerRoot .saTodayLink:active {
	background-color: #f6deff;
	color: #50146e
}

.saDatePickerRoot .saTodayLink:active .saIcon {
	color: #50146e
}

.saDatePickerRoot .saTodayLink.saDisabled,
.saDatePickerRoot .saTodayLink:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saDatePickerRoot .saTodayLink.saDisabled .saIcon,
.saDatePickerRoot .saTodayLink:disabled .saIcon {
	color: #adbdd1
}

.saDatePickerRoot:has(.saYearPicker.saActive).saDatePickerRoot .saTodayLink {
	visibility: hidden;
	transform: translateY(2rem);
	opacity: 0
}

.saDatePickerRoot .saDatePickerMonth {
	display: flex;
	flex-direction: column;
	gap: .25rem
}

.saSmallScreen .saDatePickerRoot .saDatePickerMonth {
	padding-right: .25rem
}

.saDatePickerRoot .saDateTimePicker {
	display: flex;
	flex-direction: row;
	gap: 1rem
}

.saDatePickerRoot .saDateRangePicker {
	display: flex;
	flex-direction: row;
	gap: 2rem
}

.saSmallScreen .saDatePickerRoot .saDateRangePicker {
	overflow: auto;
	flex-direction: column
}

.saDatePickerRoot .saButtonRow {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: .5rem;
	min-width: 0;
	transition: transform .2s ease, visibility .2s ease, opacity .2s ease
}

.saDatePickerRoot:has(.saYearPicker.saActive).saDatePickerRoot .saButtonRow {
	visibility: hidden;
	transform: translateY(2rem);
	opacity: 0
}

.saDatePickerRoot .saButtonRow .saDatePickerButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	min-width: 5rem
}

.saDatePickerRoot .saButtonRow .saDatePickerButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saDatePickerRoot .saButtonRow .saDatePickerButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saDatePickerRoot .saButtonRow .saDatePickerButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saDatePickerRoot .saButtonRow .saDatePickerButton {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saDatePickerRoot .saButtonRow .saDatePickerButton:active {
	border-radius: .75rem
}

.saStandard .saDatePickerRoot .saButtonRow .saDatePickerButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saDatePickerRoot .saButtonRow .saDatePickerButton {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saDatePickerRoot .saButtonRow .saDatePickerButton:active {
	border-radius: .75rem
}

.saCompact .saDatePickerRoot .saButtonRow .saDatePickerButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saDatePickerRoot .saButtonRow .saDatePickerButton {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saDatePickerRoot .saButtonRow .saDatePickerButton:active {
	border-radius: .75rem
}

.saSmallScreen .saDatePickerRoot .saButtonRow .saDatePickerButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saDatePickerRoot .saTimeSlotPickerWrapper {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	border-left: 1px solid #dde3ec;
	padding: 0 0 0 1rem;
	margin-top: .5rem;
	height: 17rem;
	transition: transform .2s ease, visibility .2s ease, border .2s ease, opacity .2s ease;
	transform-origin: center
}

.saDatePickerRoot:has(.saYearPicker.saActive).saDatePickerRoot .saTimeSlotPickerWrapper {
	visibility: hidden;
	border-left-color: transparent;
	transform: translateY(2rem);
	opacity: 0
}

.saDatePickerRoot .saTimeSlotPickerWrapper label {
	font-weight: 700;
	font-size: .875rem;
	color: #333333
}

.saDatePickerRoot .saTimeSlotPicker {
	display: flex;
	flex-direction: column;
	height: auto;
	overflow: auto;
	overflow-x: hidden;
	padding: .5rem 1rem;
	gap: .25rem
}

.saDatePickerRoot .saDatePickerSlot {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 2rem;
	height: 2rem;
	width: 3.875rem;
	padding: .5rem;
	border-radius: .25rem;
	cursor: pointer;
	transition: background .2s ease, border-radius .2s ease, color .2s ease, box-shadow .2s ease;
	box-shadow: inset 0 0 0 1px #dde3ec;
	font-size: 1rem;
	color: #333333;
	background: 0 0
}

@media (pointer:fine) {
	.saDatePickerRoot .saDatePickerSlot:hover {
		color: #5d237d;
		background-color: #fcf7ff;
		box-shadow: inset 0 0 0 2px #5d237d
	}
}

.saDatePickerRoot .saDatePickerSlot:active {
	color: #50146e;
	background-color: #f6deff;
	border-radius: .75rem;
	box-shadow: inset 0 0 0 2px #50146e
}

.saDatePickerRoot .saDatePickerSlot.saSelected {
	background-color: #5d237d;
	color: #fcf7ff;
	box-shadow: inset 0 0 0 1px transparent
}

.saDatePickerRoot .saDatePickerSlot.saSelected.saYearCurrent {
	color: #fcf7ff;
	font-weight: inherit
}

.saDatePickerRoot .saDatePickerSlot.saYearCurrent {
	color: #5d237d;
	font-weight: 700
}

.saDatePickerRoot .saDatePickerSlot.saDecade {
	width: 100%;
	box-shadow: none;
	justify-content: flex-start;
	padding: 1rem 0 .5rem .75rem;
	font-size: .75rem;
	pointer-events: none;
	color: #60748b
}

.saDatePickerRoot .saDateRangeFooter {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: .5rem
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333;
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem;
	margin-left: auto
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton .saIcon {
	color: #333333
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton:hover .saIcon {
		color: #5d237d
	}

	.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton:active {
	background: #f6deff
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton.saDestructive .saIcon {
	color: #dd1f26
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton:active {
	border-radius: .75rem
}

.saLargeScreen .saDatePickerRoot .saDateRangeFooter .saResetButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saDatePickerRoot .saDateRangeFooter {
	flex-direction: column;
	align-items: unset
}

.saDatePickerRoot .saDateRangeFooterRange {
	display: none;
	justify-content: space-between;
	align-items: center
}

.saSmallScreen .saDatePickerRoot .saDateRangeFooterRange {
	display: flex;
	gap: .5rem
}

.saDatePickerRoot .saDateRangeFooterRange .saInputTextWrapper {
	width: fit-content;
	flex: 1;
	margin-right: 0
}

.saDatePickerRoot .saDateRangeFooterRange .saInputTextWrapper .saInputText {
	height: 2.5rem;
	transition: ease box-shadow .2s;
	text-align: left
}

.saDatePickerRoot .saDateRangeFooterRange .saInputTextWrapper .saInputText::-webkit-date-and-time-value {
	text-align: left
}

.saDatePickerRoot .saDateRangeFooterRange .saInputTextWrapper .saInputText::-webkit-calendar-picker-indicator {
	display: none
}

.saDatePickerRoot .saDateRangeFooterRange .saInputTextWrapper .saInputText.saActive {
	box-shadow: inset 0 0 0 2px #5d237d, 0 0 0 .25rem #d3b9e7
}

.saDatePickerRoot .saDateRangeFooterRange span {
	color: #ccd5e2
}

.saDatePickerRoot .saPill {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	gap: .25rem;
	font-size: .75rem;
	line-height: .75rem;
	font-weight: 500;
	background-color: #eef1f5;
	padding: .25rem .5rem;
	width: fit-content;
	height: 1.5rem;
	transition: ease .2s background-color, ease .2s color, ease .2s box-shadow;
	box-shadow: inset 0 0 0 0 transparent;
	border-radius: 1rem
}

.saDatePickerRoot .saPill.saDisabled {
	background: #eef1f5;
	color: #adbdd1;
	cursor: not-allowed
}

.saDatePickerRoot .saPill:has(:enabled) {
	cursor: pointer
}

@media (pointer:fine) {
	.saDatePickerRoot .saPill:has(:enabled):hover {
		background-color: #f6deff;
		color: #50146e
	}

	.saDatePickerRoot .saPill:has(:enabled):hover.saOutline {
		box-shadow: inset 0 0 0 1px #5d237d
	}
}

.saDatePickerRoot .saPill:has(:enabled):active {
	background-color: #d3b9e7;
	color: #42045f
}

.saDatePickerRoot .saPill::before {
	content: "";
	height: 2.75rem;
	width: 100%;
	background-color: transparent;
	opacity: 0;
	position: absolute
}

.saDatePickerRoot .saPill.saSmall {
	height: 1.5rem;
	min-width: 2.5rem;
	border-radius: .75rem;
	padding: .25rem .5rem;
	gap: .25rem;
	font-size: .75rem;
	line-height: .75rem
}

.saDatePickerRoot .saPill.saMedium {
	min-width: 4rem;
	height: 2rem;
	border-radius: 1rem;
	padding: 0 .75rem;
	gap: .5rem;
	font-size: .875rem;
	line-height: .875rem
}

.saDatePickerRoot .saPill.saLarge {
	min-width: 4rem;
	height: 2.5rem;
	border-radius: 1.25rem;
	padding: 0 .75rem;
	gap: .5rem;
	font-size: .875rem;
	line-height: .875rem
}

.saDatePickerRoot .saPill.saOutline {
	box-shadow: inset 0 0 0 1px #ccd5e2
}

.saDatePickerRoot .saPill:has(:checked) {
	background-color: #5d237d;
	color: #fff
}

.saDatePickerRoot .saPill:has(:checked).saOutline {
	background-color: #f6deff;
	color: #50146e;
	box-shadow: inset 0 0 0 1px #5d237d
}

.saDatePickerRoot .saPill input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	margin: 0;
	padding: 0;
	padding-block: 0;
	padding-inline: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: 0 0;
	border-radius: 1rem;
	cursor: inherit
}

@media (pointer:fine) {
	.saDatePickerRoot .saPill:hover {
		background-color: #f6deff;
		color: #50146e
	}
}

.saDatePickerRoot .saPill:active {
	background-color: #d3b9e7;
	color: #42045f
}

.saLargeScreen .saDatePickerRoot .saPillGroup {
	max-width: 31.25rem
}

.saCompact .saDatePickerRoot .saButtonRow .saButtonPrimary {
	min-width: 4rem
}

.saSmallScreen .saDateRangePickerRoot {
	animation: none;
	position: static;
	z-index: unset;
	width: 100%;
	user-select: unset;
	padding: 0 .5rem .5rem .5rem;
	border-radius: 0;
	box-shadow: none;
	border: none;
	background: unset;
	height: 100%;
	gap: .25rem;
	box-sizing: border-box
}

.saSmallScreen .saDateRangePickerRoot .saPillGroup {
	flex-wrap: nowrap;
	overflow-x: auto;
	min-height: 2.75rem;
	align-items: center;
	margin: 0 -.5rem;
	padding: .5rem;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.saSmallScreen .saDateRangePickerRoot .saPillGroup::-webkit-scrollbar {
	display: none
}

.saSmallScreen .saDateRangePickerRoot .saPillGroup .saPill {
	white-space: nowrap;
	min-width: fit-content
}

.saSmallScreen .saDateRangePickerRoot .saDayRow {
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 2
}

@media (max-height:480px) {
	.saSmallScreen .saDateRangePickerRoot .saDayRow {
		position: unset;
		top: unset
	}
}

.saSmallScreen .saDateRangePickerRoot .saYearPicker.saActive {
	margin: 0 .5rem;
	width: 100%
}

@keyframes saNextMonth {
	0% {
		transform: translateX(1.5rem);
		opacity: 0
	}

	100% {
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes saPrevMonth {
	0% {
		transform: translateX(-1.5rem);
		opacity: 0
	}

	100% {
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes saScaleIn {
	0% {
		transform: scale(.2);
		transform-origin: top
	}

	100% {
		transform: scale(1);
		transform-origin: top
	}
}

.saFileUploadAreaWrapper.saMultipleFilesArea .saFolderWrapper {
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 1rem;
	transition: ease transform .2s
}

.saFileUploadAreaWrapper.saMultipleFilesArea .saFolder {
	display: flex;
	justify-content: center;
	align-items: center;
	transition: ease-in-out transform .2s;
	perspective: 5rem;
	transform-origin: bottom
}

.saFileUploadAreaWrapper.saMultipleFilesArea .saFolderBack {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 4rem;
	height: 3rem;
	background-color: #50146e;
	border-radius: 0 .375rem .375rem .375rem;
	transition: ease-in-out box-shadow .2s
}

.saFileUploadAreaWrapper.saMultipleFilesArea .saFolderBack::after {
	content: '';
	width: 1.25rem;
	height: .5rem;
	background-color: #50146e;
	position: absolute;
	top: -.375rem;
	left: 0;
	border-radius: .25rem .25rem 0 0
}

.saFileUploadAreaWrapper.saMultipleFilesArea .saFolderFront {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: .375rem;
	transform-origin: bottom;
	transition: transform .3s ease-in-out;
	background-color: #5d237d;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2
}

.saFileUploadAreaWrapper.saMultipleFilesArea .saFolderFront .saIcon {
	font-size: 1.25rem;
	color: #fff
}

.saFileUploadAreaWrapper.saMultipleFilesArea .saPaper {
	background-color: #e1e6ed;
	width: 70%;
	height: 70%;
	position: absolute;
	bottom: .5rem;
	border-radius: .25rem;
	transition: transform .3s ease-in-out, opacity .2s ease-out;
	z-index: 0;
	opacity: 0
}

.saFileUploadAreaWrapper.saMultipleFilesArea .saPaper:nth-child(2) {
	background-color: #eef1f5;
	width: 80%;
	height: 60%;
	transition: transform .4s ease-in-out, opacity .2s ease-out;
	z-index: 1
}

.saFileUploadAreaWrapper.saMultipleFilesArea .saPaper:nth-child(3) {
	background-color: #fff;
	width: 90%;
	height: 50%;
	transition: transform .5s ease-in-out, opacity .2s ease-out;
	z-index: 1
}

.saFileUploadAreaWrapper.saMultipleFilesArea .saFileWrapper {
	border: 1px solid #888888;
	border-bottom: none;
	padding: .5rem
}

.saFileUploadAreaWrapper.saMultipleFilesArea .saFileWrapper:first-child {
	border-radius: .5rem .5rem 0 0
}

.saFileUploadAreaWrapper.saMultipleFilesArea .saFileWrapper:last-child {
	border-radius: 0 0 .5rem .5rem;
	border-bottom: 1px solid #888888
}

.saFileUploadAreaWrapper.saMultipleFilesArea .saFileWrapper:only-child {
	border-radius: .5rem .5rem;
	border-bottom: 1px solid #888888
}

.saFileUploadAreaWrapper.saFullSizeArea .saFileIcon {
	display: none
}

.saFileUploadAreaWrapper.saFullSizeArea .saFileWrapper {
	padding: 1.5rem;
	position: absolute;
	bottom: 0;
	background-color: transparent
}

.saFileUploadAreaWrapper.saFullSizeArea .saFileWrapper.saEmptyFile,
.saFileUploadAreaWrapper.saFullSizeArea .saFileWrapper.saError {
	background-color: transparent
}

.saFileUploadAreaWrapper.saFullSizeArea .saDossierWrapper {
	position: relative;
	transition: ease transform .2s, ease box-shadow .2s;
	border-radius: .375rem
}

.saFileUploadAreaWrapper.saFullSizeArea .saDossier {
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
	transition: ease transform .2s, ease box-shadow .2s, ease border-radius .2s, ease background .2s, ease width .2s, ease height .2s;
	transform-origin: bottom;
	position: relative;
	width: 3rem;
	height: 4rem;
	background-color: #5d237d;
	border-radius: .375rem;
	clip-path: polygon(0 0, 68% 0, 100% 24%, 100% 100%, 0 100%)
}

.saFileUploadAreaWrapper.saFullSizeArea .saDossier .saIcon {
	font-size: 1.25rem;
	color: #fff
}

.saFileUploadAreaWrapper.saFullSizeArea .saDossierDogear {
	position: absolute;
	width: 1rem;
	height: 1rem;
	top: 0;
	right: 0;
	border-radius: 0 .375rem 0 .375rem;
	transform-origin: bottom;
	transition: transform .2s ease, clip-path .2s ease, background .2s ease, opacity .1s ease;
	background-color: #764296;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
	clip-path: polygon(0 0, 100% 100%, 0 100%)
}

.saFileUploadAreaWrapper.saFullSizeArea.saHasFiles .saFileUploadAreaText {
	visibility: hidden
}

.saFileUploadAreaWrapper.saFullSizeArea.saHasFiles .saDossier {
	display: none
}

.saFileUploadAreaWrapper.saFullSizeArea.saHasFiles .saDossierDogear {
	display: none
}

.saFileUploadAreaWrapper.saFullSizeArea.saHasFiles .saEnabledIcon {
	display: none
}

.saFileUploadAreaWrapper.saFullSizeArea.saHasFiles .saFileIcon {
	display: flex;
	margin-bottom: 1rem
}

.saFileUploadAreaWrapper.saFullSizeArea.saHasFiles .saFileIcon .saIcon {
	font-size: 1.25rem;
	width: 3rem;
	height: 3rem;
	border-radius: .5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f0ebff;
	color: #8b4af1;
	border: 1px solid #8b4af1
}

.saFileUploadAreaWrapper.saFullSizeArea.saHasFiles .saFileIcon .saIcon.fa-file-word {
	background-color: #e5efff;
	color: #2d6ce1;
	border: 1px solid #2d6ce1
}

.saFileUploadAreaWrapper.saFullSizeArea.saHasFiles .saFileIcon .saIcon.fa-video {
	background-color: #ffeada;
	color: #ae5c28;
	border: 1px solid #ae5c28
}

.saFileUploadAreaWrapper.saFullSizeArea.saHasFiles .saFileIcon .saIcon.fa-file-excel {
	background-color: #d6f7d9;
	color: #008429;
	border: 1px solid #008429
}

.saFileUploadAreaWrapper.saFullSizeArea.saHasFiles .saFileIcon .saIcon.fa-file-pdf {
	background-color: #ffe8e7;
	color: #e0173e;
	border: 1px solid #e0173e
}

.saFileUploadAreaWrapper.saFullSizeArea.saHasFiles .saFileIcon .saIcon.fa-image {
	background-color: #ffe7f7;
	color: #ca2c9b;
	border: 1px solid #ca2c9b
}

.saFileUploadAreaWrapper.saFullSizeArea.saHasFiles .saFileIcon .saIcon.fa-xmark {
	background-color: #e0173e;
	color: #fff;
	border: none
}

.saFileUploadAreaWrapper.saFullSizeArea.saHasFiles .saFileIcon .saIcon.fa-question {
	background-color: #da9600;
	color: #fff;
	border: none
}

.saDisabled .saFileUploadAreaWrapper.saFullSizeArea.saHasFiles .saFileIcon .saIcon {
	background-color: #ccd5e2;
	color: #adbdd1
}

.saFileUploadAreaWrapper.saCompactFileArea.saHasFiles .saFileUploadAreaText {
	display: none
}

.saFileUploadAreaWrapper.saCompactFileArea.saHasFiles .saFileErrorMessage {
	display: none
}

.saFileUploadAreaWrapper.saCompactFileArea .saFile .saIcon {
	font-size: 1rem;
	height: 1.5rem;
	width: 1.5rem;
	min-width: 1.5rem;
	border-radius: .25rem
}

.saFileUploadAreaWrapper.saCompactFileArea .saFileButtonGroup .saDeleteButton {
	height: 1.5rem;
	width: 1.5rem;
	border-radius: .25rem
}

.saFileUploadAreaWrapper.saCompactFileArea .saFileWrapper {
	padding: 2px;
	gap: .5rem;
	min-height: unset;
	background-color: transparent
}

.saFileUploadAreaWrapper.saCompactFileArea .saFileWrapper.saEmptyFile,
.saFileUploadAreaWrapper.saCompactFileArea .saFileWrapper.saError {
	background-color: transparent
}

.saFileUploadAreaWrapper.saCompactFileArea .saFileUploadArea {
	height: 2rem;
	padding: 0;
	border-radius: .5rem;
	justify-content: center;
	overflow: hidden
}

.saFileUploadAreaWrapper.saCompactFileArea .saFileUploadArea:active {
	border-radius: .75rem
}

.saDisabled .saFileUploadAreaWrapper.saCompactFileArea .saFileUploadArea:active,
.saHasFiles.saFileUploadAreaWrapper.saCompactFileArea .saFileUploadArea:active {
	border-radius: .5rem
}

.saFileUploadAreaWrapper.saCompactFileArea .saFileUploadArea .saFileInner {
	flex-direction: row;
	justify-content: space-between
}

.saFileUploadAreaWrapper.saCompactFileArea .saFileUploadArea .saFileSizeRow {
	width: unset;
	gap: 1rem;
	margin-top: 1px
}

.saFileUploadAreaWrapper.saCompactFileArea .saFileUploadArea .saFileSizeWrapper {
	justify-content: center;
	min-width: fit-content;
	flex: 1
}

.saFileUploadAreaWrapper.saCompactFileArea .saFileUploadArea .saFileNameWrapper {
	overflow: hidden
}

.saFileUploadAreaWrapper.saCompactFileArea .saFileUploadArea .saFileName {
	overflow: hidden
}

.saFileUploadAreaWrapper.saCompactFileArea .saFileUploadArea .saFileUploadProgress {
	opacity: 0;
	position: absolute;
	pointer-events: none
}

.saFileUploadAreaWrapper.saHasFiles .saFileUploadArea {
	cursor: default
}

@media (pointer:fine) {
	.saFileUploadAreaWrapper.saHasFiles .saFileUploadArea:hover {
		border-color: #adbdd1
	}
}

.saFileUploadAreaWrapper.saHasFiles .saFileUploadArea:active {
	border-radius: 1rem;
	background-color: #fcf7ff;
	border-color: #adbdd1
}

.saHighlightFieldError:not(.saDisabled) .saFileUploadAreaWrapper.saHasFiles .saFileUploadArea {
	background-color: #ffe8e7;
	border-color: #e0173e
}

@media (pointer:fine) {
	.saHighlightFieldError:not(.saDisabled) .saFileUploadAreaWrapper.saHasFiles .saFileUploadArea:hover {
		border-color: #bf0024
	}
}

.saDisabled .saFileUploadAreaWrapper.saHasFiles .saFileWrapper {
	opacity: .5
}

.saFileUploadAreaWrapper.saDone .saFileUploadArea {
	background-color: #f2fcf2;
	border-color: #29bb4e
}

@media (pointer:fine) {
	.saFileUploadAreaWrapper.saDone .saFileUploadArea:hover {
		border-color: #29bb4e
	}
}

.saFileUploadAreaWrapper.saDone .saFileUploadArea:active {
	background-color: #f2fcf2;
	border-color: #29bb4e
}

.saFileUploadAreaWrapper.saDone.saHasEmptyFile .saFileUploadArea {
	background-color: #fff8e7;
	border-color: #f6ad00
}

@media (pointer:fine) {
	.saFileUploadAreaWrapper.saDone.saHasEmptyFile .saFileUploadArea:hover {
		border-color: #da9600
	}
}

.saFileUploadAreaWrapper.saDone.saHasEmptyFile .saFileUploadArea:active {
	background-color: #fff8e7;
	border-color: #da9600
}

.saLargeScreen .saInputWrapper.saFileValidation .saValidationMessage {
	width: 40rem
}

.saLargeScreen .saMultiRowCell .saMultiRowInputWrapper.saFileValidation .saValidationMessage {
	width: 27rem
}

.saFileUploadAreaWrapper {
	width: 40rem;
	display: flex;
	flex-direction: column;
	color: #333333
}

.saFileUploadAreaWrapper .saLoadingWrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 1.25rem;
	width: 1.25rem;
	transition: ease transform .2s, ease width .2s
}

.saFileUploadAreaWrapper .saLoading {
	display: none;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	stroke-width: 2;
	stroke: #fff;
	stroke-miterlimit: 10;
	box-shadow: inset 0 0 0 #29bb4e;
	animation: saFiller .4s ease-in-out .4s forwards, saScaler .2s ease-in-out .8s both
}

.saFileUploadAreaWrapper .saLoadingCircle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 4;
	stroke-miterlimit: 10;
	stroke: #29bb4e;
	fill: none;
	animation: saStroke .6s cubic-bezier(.65, 0, .45, 1) forwards
}

.saFileUploadAreaWrapper .saLoadingCheck {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: saStroke .2s cubic-bezier(.65, 0, .45, 1) .6s forwards;
	stroke-linecap: round
}

.saFileUploadAreaWrapper .saLoadingSpinner,
.saFileUploadAreaWrapper .saLoadingSpinner:after {
	border-radius: 50%;
	width: 1.25rem;
	height: 1.25rem;
	position: absolute
}

.saFileUploadAreaWrapper .saLoadingSpinner {
	transition: ease opacity 1s, ease border-color .2s, ease visiblity .4s;
	border-top: 2px solid rgba(255, 255, 255, .2);
	border-right: 2px solid rgba(255, 255, 255, .2);
	border-bottom: 2px solid rgba(255, 255, 255, .2);
	border-left: 2px solid #fff;
	animation: saLoadingSpinner .8s infinite linear
}

.saFileUploadAreaWrapper .saLoadingDark .saLoadingSpinner {
	border-top-color: #eef1f5;
	border-right-color: #eef1f5;
	border-bottom-color: #eef1f5;
	border-left-color: #60748b
}

.saHighlightFieldError .saFileUploadAreaWrapper .saFileUploadArea {
	background-color: #ffe8e7;
	border-color: #e0173e
}

.saMultiRowCell .saFileUploadAreaWrapper {
	width: 27rem
}

.saFileUploadAreaWrapper .saDisabledIcon {
	display: none
}

.saDisabled .saFileUploadAreaWrapper {
	cursor: not-allowed
}

.saDisabled .saFileUploadAreaWrapper .saDisabledIcon {
	display: flex
}

.saDisabled .saFileUploadAreaWrapper .saEnabledIcon {
	display: none
}

.saDisabled .saFileUploadAreaWrapper .saFileUploadArea {
	cursor: not-allowed;
	background-color: #eef1f5;
	border-color: #dde3ec
}

@media (pointer:fine) {
	.saDisabled .saFileUploadAreaWrapper .saFileUploadArea:hover {
		background-color: #eef1f5;
		border-color: #dde3ec
	}
}

.saDisabled .saFileUploadAreaWrapper .saFileUploadArea:active {
	background-color: #eef1f5;
	border-color: #dde3ec;
	border-radius: 1rem
}

.saDisabled .saFileUploadAreaWrapper .saFileUploadArea:active .saDossierWrapper,
.saDisabled .saFileUploadAreaWrapper .saFileUploadArea:active .saFolderWrapper {
	transform: scale(1)
}

.saDisabled .saFileUploadAreaWrapper .saFileUploadArea .saFileUploadAreaText {
	color: #adbdd1
}

.saDisabled .saFileUploadAreaWrapper .saFileUploadArea .saLink {
	color: #adbdd1
}

@media (pointer:fine) {
	.saDisabled .saFileUploadAreaWrapper .saFileUploadArea .saLink:hover {
		text-decoration: none
	}
}

.saDisabled .saFileUploadAreaWrapper .saFileUploadArea .saLink:active {
	color: #adbdd1
}

.saDisabled .saFileUploadAreaWrapper .saFileUploadArea .saFolderBack {
	background-color: #b2c0d3
}

.saDisabled .saFileUploadAreaWrapper .saFileUploadArea .saFolderBack::after {
	background-color: #b2c0d3
}

.saDisabled .saFileUploadAreaWrapper .saFileUploadArea .saPaper {
	display: none
}

.saDisabled .saFileUploadAreaWrapper .saFileUploadArea .saDossier,
.saDisabled .saFileUploadAreaWrapper .saFileUploadArea .saFolderFront {
	background-color: #ccd5e2
}

.saDisabled .saFileUploadAreaWrapper .saFileUploadArea .saDossier .saIcon,
.saDisabled .saFileUploadAreaWrapper .saFileUploadArea .saFolderFront .saIcon {
	color: #adbdd1
}

.saDisabled .saFileUploadAreaWrapper .saFileUploadArea .saDossierDogear {
	background-color: #dde3ec
}

.saDisabled .saFileUploadAreaWrapper .saFileGroup {
	opacity: .5
}

.saDisabled .saFileUploadAreaWrapper .saFileButtonGroup .saDeleteButton {
	display: none
}

.saFileUploadAreaWrapper * {
	box-sizing: border-box
}

.saSmallScreen .saFileUploadAreaWrapper {
	width: 100%
}

.saFileUploadAreaWrapper .saFileUploadArea {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	position: relative;
	width: 100%;
	border: 2px dashed #adbdd1;
	border-radius: 1rem;
	padding: 1.5rem;
	cursor: pointer;
	background-color: #f8f9fb;
	transition: ease border-color .2s, ease border-radius .2s, ease background .2s;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.saFileUploadAreaWrapper .saFileUploadArea:focus-within,
.saFileUploadAreaWrapper .saFileUploadArea:hover {
	border-color: #5d237d;
	background-color: #fcf7ff
}

.saFileUploadAreaWrapper .saFileUploadArea:active {
	background-color: #f6deff;
	border-color: #5d237d;
	border-radius: 1.5rem
}

.saFileUploadAreaWrapper .saFileUploadArea:active .saDossierWrapper,
.saFileUploadAreaWrapper .saFileUploadArea:active .saFolderWrapper {
	transform: scale(.96)
}

.saFileUploadAreaWrapper .saFileUploadArea input[type=file] {
	display: none;
	opacity: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden
}

.saSmallScreen .saFileUploadAreaWrapper .saFileUploadArea {
	padding: 1rem
}

.saFileUploadAreaWrapper .saFileUploadArea.saDragOver,
.saSmallScreen .saFileUploadAreaWrapper .saFileUploadArea:focus-within {
	border-color: #5d237d;
	background-color: #e5efff
}

.saFileUploadAreaWrapper .saFileUploadArea.saDragOver .saFolderWrapper .saFolder,
.saSmallScreen .saFileUploadAreaWrapper .saFileUploadArea:focus-within .saFolderWrapper .saFolder {
	transform: translateY(-.5rem)
}

.saFileUploadAreaWrapper .saFileUploadArea.saDragOver .saFolderWrapper .saPaper,
.saSmallScreen .saFileUploadAreaWrapper .saFileUploadArea:focus-within .saFolderWrapper .saPaper {
	transform: translateY(-.25rem);
	opacity: 1
}

.saFileUploadAreaWrapper .saFileUploadArea.saDragOver .saFolderWrapper .saFolderBack,
.saSmallScreen .saFileUploadAreaWrapper .saFileUploadArea:focus-within .saFolderWrapper .saFolderBack {
	box-shadow: 0 1px 2px rgba(49, 58, 68, .07), 0 2px .25rem rgba(49, 58, 68, .07), 0 .25rem .5rem rgba(49, 58, 68, .07), 0 .5rem 1rem rgba(49, 58, 68, .07)
}

.saFileUploadAreaWrapper .saFileUploadArea.saDragOver .saFolderWrapper .saFolderFront,
.saSmallScreen .saFileUploadAreaWrapper .saFileUploadArea:focus-within .saFolderWrapper .saFolderFront {
	transform: rotateX(-15deg) scaleY(.65)
}

.saFileUploadAreaWrapper .saFileUploadArea.saDragOver .saDossierWrapper,
.saSmallScreen .saFileUploadAreaWrapper .saFileUploadArea:focus-within .saDossierWrapper {
	transform: translateY(-.5rem);
	box-shadow: 0 1px 2px rgba(49, 58, 68, .07), 0 2px .25rem rgba(49, 58, 68, .07), 0 .25rem .5rem rgba(49, 58, 68, .07), 0 .5rem 1rem rgba(49, 58, 68, .07)
}

.saFileUploadAreaWrapper .saFileUploadArea.saDragOver .saDossierWrapper .saDossierDogear,
.saSmallScreen .saFileUploadAreaWrapper .saFileUploadArea:focus-within .saDossierWrapper .saDossierDogear {
	clip-path: polygon(0 0, 100% 100%, 100% 0);
	background-color: #5d237d
}

.saFileUploadAreaWrapper .saFileUploadArea .saFileUploadAreaInner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	width: 100%
}

.saFileUploadAreaWrapper .saFileUploadArea .saFileUploadAreaText {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .5rem;
	text-align: center;
	width: 100%
}

.saFileUploadAreaWrapper .saFileUploadArea .saFileUploadAreaHeading {
	font-size: .875rem;
	line-height: 1.125rem
}

.saFileUploadAreaWrapper .saFileUploadArea .saLink {
	color: #5d237d
}

@media (pointer:fine) {
	.saFileUploadAreaWrapper .saFileUploadArea .saLink:hover {
		text-decoration: underline
	}
}

.saFileUploadAreaWrapper .saFileUploadArea .saLink:active {
	color: #50146e
}

.saFileUploadAreaWrapper .saFileUploadArea .saFileUploadAreaDescription {
	font-size: .75rem;
	line-height: 1rem;
	width: 100%;
	color: #506072
}

.saFileUploadAreaWrapper .saFileGroup {
	display: flex;
	flex-wrap: wrap;
	padding-top: .5rem
}

.saFileUploadAreaWrapper .saFileGroup:empty {
	display: none
}

.saFileUploadAreaWrapper .saFileWrapper {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	position: relative;
	width: 100%;
	min-height: 3rem;
	overflow: hidden
}

.saFileUploadAreaWrapper .saFileWrapper.saError {
	background-color: #ffe8e7
}

.saFileUploadAreaWrapper .saFileWrapper.saEmptyFile {
	background-color: #fff8e7
}

.saFileUploadAreaWrapper .saFileUploadProgress {
	display: flex;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 2px;
	width: 100%;
	transition: ease opacity .2s, ease width .2s
}

.saFileUploadAreaWrapper .saFileUploadProgress::-webkit-progress-bar {
	background-color: #dde3ec;
	border-radius: 2px
}

.saFileUploadAreaWrapper .saFileUploadProgress::-webkit-progress-value {
	background-color: #5d237d;
	border-radius: 2px;
	transition: ease opacity .2s, ease width .2s
}

.saFileUploadAreaWrapper .saDone .saFileUploadProgress::-webkit-progress-value {
	background-color: #29bb4e
}

.saFileUploadAreaWrapper .saFileButtonGroup {
	display: flex;
	gap: .25rem;
	align-items: center
}

.saFileUploadAreaWrapper .saFileButtonGroup .saDeleteButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem;
	background-color: transparent;
	color: #e0173e
}

.saFileUploadAreaWrapper .saFileButtonGroup .saDeleteButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saFileUploadAreaWrapper .saFileButtonGroup .saDeleteButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saFileUploadAreaWrapper .saFileButtonGroup .saDeleteButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saFileUploadAreaWrapper .saFileButtonGroup .saDeleteButton:active {
	border-radius: .75rem
}

@media (pointer:fine) {
	.saFileUploadAreaWrapper .saFileButtonGroup .saDeleteButton:hover {
		background-color: #e0173e;
		color: #fff
	}
}

.saFileUploadAreaWrapper .saFileButtonGroup .saDeleteButton:active {
	background-color: #bf0024;
	color: #fff
}

.saFileUploadAreaWrapper .saFileButtonGroup .saDeleteButton::after {
	content: '';
	height: 3rem;
	width: 3rem;
	position: absolute
}

.saFileUploadAreaWrapper .saFile {
	display: flex;
	gap: .5rem;
	align-items: center;
	flex: 1;
	width: 100%;
	overflow: hidden;
	height: fit-content
}

.saFileUploadAreaWrapper .saFile .saIcon {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f0ebff;
	color: #8b4af1;
	border: 1px solid #8b4af1;
	font-size: 1.25rem;
	border-radius: .25rem;
	height: 2rem;
	min-width: 2rem
}

.saFileUploadAreaWrapper .saFile .saIcon.fa-file-word {
	background-color: #e5efff;
	color: #2d6ce1;
	border: 1px solid #2d6ce1
}

.saFileUploadAreaWrapper .saFile .saIcon.fa-video {
	background-color: #ffeada;
	color: #ae5c28;
	border: 1px solid #ae5c28
}

.saFileUploadAreaWrapper .saFile .saIcon.fa-file-excel {
	background-color: #d6f7d9;
	color: #008429;
	border: 1px solid #008429
}

.saFileUploadAreaWrapper .saFile .saIcon.fa-file-pdf {
	background-color: #ffe8e7;
	color: #e0173e;
	border: 1px solid #e0173e
}

.saFileUploadAreaWrapper .saFile .saIcon.fa-image {
	background-color: #ffe7f7;
	color: #ca2c9b;
	border: 1px solid #ca2c9b
}

.saFileUploadAreaWrapper .saFile .saIcon.fa-xmark {
	background-color: #e0173e;
	color: #fff;
	border: none
}

.saFileUploadAreaWrapper .saFile .saIcon.fa-question {
	background-color: #da9600;
	color: #fff;
	border: none
}

.saFileUploadAreaWrapper .saFileInner {
	display: flex;
	flex-direction: column;
	gap: 2px;
	width: 100%;
	overflow: hidden;
	transition: ease margin .2s;
	min-width: 0
}

.saFileUploadAreaWrapper .saFileNameWrapper {
	display: flex;
	font-size: .875rem;
	line-height: 1rem
}

.saSmallScreen .saFileUploadAreaWrapper .saFileNameWrapper {
	display: inline-grid
}

.saFileUploadAreaWrapper .saFileName {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.125rem;
	color: #333333
}

.saFileUploadAreaWrapper .saFileSizeWrapper {
	display: flex;
	flex-direction: column;
	gap: .25rem;
	width: 100%
}

.saFileUploadAreaWrapper .saFileSizeRow {
	display: flex;
	width: 100%;
	justify-content: space-between;
	font-size: .75rem;
	line-height: .75rem;
	color: #60748b
}

.saFileUploadAreaWrapper .saFileSize {
	white-space: nowrap
}

.saFileUploadAreaWrapper .saEmptyFile .saFileSizeRow,
.saFileUploadAreaWrapper .saEmptyFile .saFileUploadProgress,
.saFileUploadAreaWrapper .saError .saFileSizeRow,
.saFileUploadAreaWrapper .saError .saFileUploadProgress {
	display: none
}

.saFileUploadAreaWrapper .saEmptyFile .saFileErrorMessage,
.saFileUploadAreaWrapper .saError .saFileErrorMessage {
	display: flex
}

.saFileUploadAreaWrapper .saError .saLoadingWrapper {
	display: none
}

.saFileUploadAreaWrapper .saError .saFileErrorMessage {
	color: #bf0024
}

.saFileUploadAreaWrapper .saEmptyFile .saFileErrorMessage {
	color: #825400
}

.saFileUploadAreaWrapper .saFileErrorMessage {
	display: none;
	font-size: .875rem;
	line-height: 1rem
}

.saFileUploadAreaWrapper .saPending .saLoadingSpinner {
	animation: none;
	border-left-color: #eef1f5
}

.saFileUploadAreaWrapper .saDone.saSkipAnimation .saLoading {
	animation: none;
	box-shadow: inset 0 0 0 1.25rem #29bb4e
}

.saFileUploadAreaWrapper .saDone.saSkipAnimation .saLoadingCheck {
	animation: none;
	stroke-dashoffset: 0
}

.saFileUploadAreaWrapper .saDone .saLoading {
	display: flex
}

.saFileUploadAreaWrapper .saDone .saLoadingSpinner {
	opacity: 0;
	border-top-color: rgba(41, 187, 78, .2);
	border-right-color: rgba(41, 187, 78, .2);
	border-bottom-color: rgba(41, 187, 78, .2);
	border-left-color: #29bb4e;
	animation: saLoadingSpinner .8s infinite linear, saLoadingSpinnerDone .8s forwards linear
}

.saFileUploadAreaWrapper .saExistingFile .saLoading {
	animation: none;
	box-shadow: none
}

.saFileUploadAreaWrapper .saExistingFile .saLoadingCircle {
	display: none
}

.saFileUploadAreaWrapper .saExistingFile .saLoadingCheck {
	animation: none;
	stroke: #29bb4e;
	stroke-dashoffset: 0
}

.saFileUploadAreaWrapper .saExistingFile .saLoadingSpinner {
	display: none;
	animation: none
}

@keyframes saLoadingSpinner {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes saLoadingSpinnerDone {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes saStroke {
	100% {
		stroke-dashoffset: 0
	}
}

@keyframes saScaler {
	0% {
		transform: scale(1)
	}

	80% {
		transform: scale(1.1)
	}
}

@keyframes saFiller {
	100% {
		box-shadow: inset 0 0 0 1.25rem #29bb4e
	}
}

.tox {
	color: #333333 !important;
	font-family: Lexend, sans-serif !important
}

.tox-tinymce {
	border: none !important;
	font-family: Lexend, sans-serif !important;
	border-radius: .5rem !important
}

.tox-tinymce-aux {
	font-family: Lexend, sans-serif !important
}

.tox .tox-button {
	font-family: Lexend, sans-serif !important
}

.tox .tox-editor-container .tox-menubar,
.tox .tox-editor-container .tox-toolbar,
.tox .tox-editor-container .tox-toolbar-overlord,
.tox .tox-editor-container .tox-toolbar__group,
.tox .tox-editor-container .tox-toolbar__primary {
	background-color: transparent
}

.tox-edit-area>iframe:not(svg):not(rect) {
	border-bottom-right-radius: .5rem;
	border-bottom-left-radius: .5rem;
	box-shadow: inset 0 0 0 1px #888888;
	transition: ease box-shadow .2s
}

.tox:not(.tox-tinymce-inline) .tox-editor-container .tox-editor-header {
	border-top-right-radius: .5rem;
	border-top-left-radius: .5rem;
	box-shadow: inset 1px 1px 0 0 #888888, inset -1px 1px 0 0 #888888;
	transition: ease box-shadow .2s !important
}

.saHighlightFieldError .tox-edit-area>iframe:not(svg):not(rect) {
	box-shadow: inset 0 0 0 2px #e0173e
}

.saHighlightFieldError .tox:not(.tox-tinymce-inline) .tox-editor-container .tox-editor-header {
	box-shadow: inset 1px 1px 0 1px #e0173e, inset -1px 1px 0 1px #e0173e
}

.saHighlightFieldWarning .tox-edit-area>iframe:not(svg):not(rect) {
	box-shadow: inset 0 0 0 2px #f6ad00
}

.saHighlightFieldWarning .tox:not(.tox-tinymce-inline) .tox-editor-container .tox-editor-header {
	box-shadow: inset 1px 1px 0 1px #f6ad00, inset -1px 1px 0 1px #f6ad00
}

.saMultiAutoSearchWrapper {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	background: #fff;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
	display: flex;
	padding: 0;
	border: none;
	color: #333333;
	box-sizing: border-box
}

.saMultiAutoSearchWrapper.saHighlightFieldError:not(.saDisabled) .saSelectedValueWrapper {
	background: #fff7f7;
	outline: 2px solid #e0173e;
	outline-offset: -2px
}

@media (pointer:fine) {
	.saMultiAutoSearchWrapper.saHighlightFieldError:not(.saDisabled) .saSelectedValueWrapper:hover {
		outline: 2px solid #bf0024
	}
}

.saMultiAutoSearchWrapper.saHighlightFieldError:not(.saDisabled) .saSelectedValueWrapper:focus-within {
	outline: 2px solid #bf0024
}

.saMultiAutoSearchWrapper.saHighlightFieldWarning:not(.saDisabled) .saSelectedValueWrapper {
	background: #fff8e7;
	outline: 2px solid #f6ad00;
	outline-offset: -2px
}

@media (pointer:fine) {
	.saMultiAutoSearchWrapper.saHighlightFieldWarning:not(.saDisabled) .saSelectedValueWrapper:hover {
		outline: 2px solid #da9600
	}
}

.saMultiAutoSearchWrapper.saHighlightFieldWarning:not(.saDisabled) .saSelectedValueWrapper:focus-within {
	outline: 2px solid #da9600
}

.saMultiAutoSearchWrapper.saDisabled .saSelectedValueWrapper {
	border-color: transparent;
	box-shadow: none;
	background: #eef1f5;
	color: #8fa5c0;
	cursor: default;
	outline-color: transparent
}

.saMultiAutoSearchWrapper.saDisabled .saSelectedValueWrapper input {
	border-color: transparent;
	box-shadow: none;
	background: #eef1f5;
	color: #8fa5c0
}

.saMultiAutoSearchWrapper.saDisabled .saSelectedValueWrapper:has(:hover) {
	outline-color: transparent
}

.saMultiAutoSearchWrapper.saDisabled .saSelectedValueWrapper .saTag {
	pointer-events: none
}

.saMultiAutoSearchWrapper input[type=search]::-webkit-search-cancel-button,
.saMultiAutoSearchWrapper input[type=search]::-webkit-search-decoration,
.saMultiAutoSearchWrapper input[type=search]::-webkit-search-results-button,
.saMultiAutoSearchWrapper input[type=search]::-webkit-search-results-decoration {
	display: none
}

.saMultiAutoSearchWrapper input {
	font-size: .875rem;
	height: 1.5rem;
	min-width: 1.5rem;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
	outline: 0;
	border: none;
	width: 1.5rem;
	color: #333333;
	font-family: Lexend, sans-serif;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saMultiAutoSearchWrapper input::placeholder {
	color: #60748b
}

.saMultiAutoSearchWrapper:focus-within .saSelectedValueWrapper {
	outline: 2px solid #5d237d;
	outline-offset: -2px
}

.saMultiAutoSearchWrapper .saSelectedValueWrapper {
	display: flex;
	align-items: center;
	padding: 2px;
	padding-right: 1.75rem;
	gap: .25rem;
	min-height: 1.5rem;
	max-height: 17.5rem;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	flex-wrap: wrap;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: .5rem;
	outline: 1px solid #888888;
	outline-offset: -1px;
	border: 2px solid transparent;
	overscroll-behavior: none;
	position: relative;
	cursor: text
}

.saMultiAutoSearchWrapper .saSelectedValueWrapper li.saNewInput {
	flex-grow: 1;
	padding-left: .5rem
}

.saMultiAutoSearchWrapper .saSelectedValueWrapper:has(:hover) {
	outline: 2px solid #5d237d;
	outline-offset: -2px
}

.saMultiAutoSearchWrapper .saSelectedValueWrapper:focus-within {
	background-color: #fcf7ff
}

.saMultiAutoSearchWrapper .saSelectedValueWrapper .saTag {
	gap: .375rem;
	box-sizing: border-box;
	width: fit-content;
	max-width: 100%;
	background-color: #f8f9fb;
	border-radius: .25rem;
	cursor: pointer;
	font-size: .875rem;
	line-height: .875rem;
	padding: .25rem .5rem .25rem .5rem;
	min-height: 1.5rem;
	overflow-wrap: anywhere;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	box-shadow: inset 0 0 0 1px #ccd5e2;
	position: relative;
	align-items: baseline
}

.saMultiAutoSearchWrapper .saSelectedValueWrapper .saTag.saAnimate {
	animation: .2s saGrowIn ease
}

@keyframes saGrowIn {
	0% {
		transform: scale(.8);
		opacity: .4
	}

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

.saMultiAutoSearchWrapper .saSelectedValueWrapper .saTag.saFocus {
	background-color: #fff7f7;
	color: #e0173e;
	box-shadow: inset 0 0 0 1px #e0173e
}

.saMultiAutoSearchWrapper .saSelectedValueWrapper .saTag.saFocus .saIcon {
	color: #e0173e
}

.saMultiAutoSearchWrapper .saSelectedValueWrapper .saTag .saIcon {
	font-size: .75rem;
	line-height: .75rem;
	color: #60748b;
	font-weight: 900;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saMultiAutoSearchWrapper .saSelectedValueWrapper .saTag:active {
	background: #fff7f7;
	color: #e0173e;
	border-radius: .75rem
}

.saMultiAutoSearchWrapper .saSelectedValueWrapper .saTag:active .saIcon {
	color: #e0173e
}

@media (pointer:fine) {
	.saLargeScreen .saMultiAutoSearchWrapper .saSelectedValueWrapper .saTag:hover {
		background: #fff7f7;
		color: #e0173e;
		box-shadow: inset 0 0 0 1px #e0173e
	}

	.saLargeScreen .saMultiAutoSearchWrapper .saSelectedValueWrapper .saTag:hover .saIcon {
		color: #e0173e
	}
}

.saLargeScreen .saMultiAutoSearchWrapper .saSelectedValueWrapper .saTag:active {
	background: #e0173e;
	color: #fff
}

.saLargeScreen .saMultiAutoSearchWrapper .saSelectedValueWrapper .saTag:active .saIcon {
	color: #fff
}

.saMultiAutoSearchWrapper .saSelectedValueWrapper .saTag:nth-last-child(2) {
	margin-right: -.5rem
}

.saLargeScreen .saMultiPickerWrapper {
	outline: 1px solid #888888;
	outline-offset: -1px;
	border: 1px solid transparent;
	border-radius: .5rem;
	margin-right: .5rem
}

.saLargeScreen .saMultiPickerWrapper.saHighlightFieldError {
	outline: 2px solid #e0173e
}

.saLargeScreen .saMultiPickerWrapper.saHighlightFieldWarning {
	outline: 2px solid #f6ad00
}

.saLargeScreen .shortest.saMultiPickerWrapper {
	width: 25rem
}

.saLargeScreen .short.saMultiPickerWrapper {
	width: 35rem
}

.saLargeScreen .mediumShort.saMultiPickerWrapper {
	width: 40rem
}

.saLargeScreen .mediumLong.saMultiPickerWrapper {
	width: 52.5rem
}

.saLargeScreen .long.saMultiPickerWrapper {
	width: 70rem
}

.saLargeScreen .longest.saMultiPickerWrapper {
	width: 87.5rem
}

.saLargeScreen .saInputWrapper.saMultiPickerValidation .saValidationMessage,
.saLargeScreen .saMultiRowCell .saMultiRowInputWrapper.saMultiPickerValidation .saValidationMessage {
	width: 25rem
}

.saMultiPickerTreeWrapper {
	display: flex;
	flex-direction: column
}

.saMultiPickerTreeWrapper .saCheckboxTree .saCheckboxOuter {
	align-items: center
}

.saMultiPickerTreeWrapper .saCheckboxTree .saCheckboxOuter div.saCheckboxWrapper {
	align-items: center;
	display: flex
}

.saMultiPickerTreeWrapper .saCheckboxTree fieldset .saCheckboxWrapper {
	padding-right: .5rem
}

.saMultiPickerTreeWrapper .saCheckboxTree fieldset .saCheckboxWrapper.saNotSelectable {
	padding-left: 2.25rem
}

.saMultiPickerTreeWrapper .saCheckboxTree fieldset .saCheckboxWrapper span {
	font-size: .875rem;
	line-height: 1.125rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.saMultiPickerWrapper {
	display: flex;
	flex-direction: column;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.saMultiPickerWrapper .saMultiPickerTreeWrapper {
	flex: 1
}

.saMultiPickerWrapper .saMultiPickerTreeWrapper.saDropOn {
	background: #f8f9fb;
	outline: 1px dashed #5d237d;
	outline-offset: -1px;
	border-top-left-radius: .5rem;
	border-bottom-left-radius: .5rem
}

.saMultiPickerWrapper .saMultiPickerTreeWrapper .saCheckboxTree {
	border-radius: .5rem 0 0 .5rem;
	height: 100%;
	padding: .5rem
}

.saMultiPickerWrapper .saMultiPickerTreeWrapper .saCheckboxTree .saCheckboxOuter {
	display: flex
}

.saMultiPickerWrapper .saMultiPickerTreeWrapper .saCheckboxTree .saExpandButton {
	display: flex;
	background: 0 0;
	flex: 1
}

.saMultiPickerWrapper .saMultiPickerTreeWrapper .saCheckboxTree .saExpandButton:active .saIcon {
	color: #5d237d;
	background: #eef1f5;
	border-radius: .5rem
}

.saMultiPickerWrapper .saMultiPickerTreeWrapper .saCheckboxTree .saExpandButton .saIcon {
	position: relative;
	left: 0;
	top: 0
}

.saMultiPickerWrapper .saMultiPickerTreeWrapper .saCheckboxTree .saExpandButton .saExpandingIcon {
	background: #dde3ec;
	cursor: default
}

.saMultiPickerWrapper .saMultiPickerTreeWrapper .saCheckboxTree .saExpandButton .saSpinner {
	cursor: wait
}

.saCompact .saMultiPickerWrapper .saMultiPickerTreeWrapper .saIcon {
	top: 0
}

.saMultiPickerWrapper .saNumberOfCheckedWrapper {
	padding: .5rem;
	font-size: .75rem;
	line-height: .75rem;
	display: flex;
	gap: .25rem
}

.saMultiPickerButtons {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: sticky;
	bottom: 0;
	right: .5rem;
	pointer-events: none;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saMultiPickerButtons .saMultiPickerButton {
	pointer-events: all;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	line-height: 1rem;
	height: 2rem;
	width: 2rem;
	border: none;
	box-shadow: inset 0 0 0 1px #ccd5e2;
	background: #fff;
	padding: 0;
	margin: 0;
	color: #506072;
	cursor: pointer;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	position: relative
}

.saMultiPickerButtons .saMultiPickerButton::after {
	content: '';
	height: 3rem;
	width: 3rem;
	position: absolute
}

.saMultiPickerButtons .saMultiPickerButton.saUp {
	border-radius: .5rem 0 0 .5rem;
	margin-right: -1px
}

.saMultiPickerButtons .saMultiPickerButton.saUp::after {
	right: 1px;
	bottom: -.5rem
}

.saMultiPickerButtons .saMultiPickerButton.saUp:active {
	border-radius: .75rem 0 0 .75rem
}

.saMultiPickerButtons .saMultiPickerButton.saDown {
	border-radius: 0 .5rem .5rem 0
}

.saMultiPickerButtons .saMultiPickerButton.saDown::after {
	left: 1px;
	bottom: -.5rem;
	width: 2.5rem
}

.saMultiPickerButtons .saMultiPickerButton.saDown:active {
	border-radius: 0 .75rem .75rem 0
}

@media (pointer:fine) {
	.saMultiPickerButtons .saMultiPickerButton:hover {
		background: #f6deff;
		color: #5d237d;
		box-shadow: inset 0 0 0 1px #5d237d;
		z-index: 1
	}
}

.saMultiPickerButtons .saMultiPickerButton:focus-visible {
	background: #f6deff;
	color: #5d237d;
	box-shadow: inset 0 0 0 1px #5d237d;
	z-index: 1
}

.saMultiPickerButtons .saMultiPickerButton:active {
	background: #f6deff;
	color: #5d237d;
	box-shadow: inset 0 0 0 1px #5d237d
}

.saMultiPickerButtons .saMultiPickerButton:disabled {
	pointer-events: none;
	box-shadow: inset 0 0 0 1px #dde3ec;
	color: #ccd5e2;
	z-index: 0
}

.saMultiPicker {
	display: flex;
	max-height: 40rem;
	border-radius: .5rem;
	overflow: auto
}

.saMultiPickerSelected {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: .5rem;
	flex: 1;
	position: relative;
	box-shadow: inset 2px 1px 0 -1px #888888;
	overflow-y: auto;
	overflow-x: hidden;
	border-radius: 0 0 .5rem 0
}

.saHighlightFieldError .saMultiPickerSelected {
	box-shadow: inset .25rem 2px 0 -2px #e0173e
}

.saHighlightFieldWarning .saMultiPickerSelected {
	box-shadow: inset .25rem 2px 0 -2px #f6ad00
}

.saMultiPickerSelected:focus-visible {
	outline: 1px solid #000
}

.saMultiPickerSelected * {
	box-sizing: border-box
}

.saMultiPickerSelected .saMultiPickerInner {
	display: flex;
	flex-direction: column
}

.saMultiPickerSelected .saMultiPickerInner fieldset {
	border-radius: 0 0 .5rem 0
}

.saMultiPickerItem {
	align-items: center;
	gap: .5rem;
	border-radius: .25rem;
	padding: 0 2rem 0 .5rem;
	font-size: .875rem;
	height: 2rem;
	display: flex;
	width: 100%;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	transition: ease color .2s, ease border-radius .2s
}

.saMultiPickerItem[draggable] label {
	cursor: grab
}

.saMultiPickerItem.saSlideIn {
	animation: saSlideInFromLeft .2s forwards ease
}

.saMultiPickerItem.saPreviousIsSelected {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.saMultiPickerItem.saNextIsSelected {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

@keyframes saSlideInFromLeft {
	0% {
		opacity: .4;
		transform: translate(-2.5rem, 1rem);
		height: 0
	}

	100% {
		opacity: 1;
		transform: translate(0, 0);
		height: 2rem
	}
}

@media (pointer:fine) {
	.saMultiPickerItem:hover {
		background: #eef1f5;
		color: #5d237d
	}
}

.saMultiPickerItem:active {
	background: #ccd5e2
}

.saMultiPickerItem label {
	display: flex;
	align-items: center;
	gap: .5rem;
	animation: no-animation .2s forwards ease;
	height: 100%;
	width: 100%;
	cursor: pointer
}

.saMultiPickerItem input[type=checkbox] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: absolute;
	top: 1px;
	left: 0;
	width: calc(100% - .5rem);
	height: 1.5rem;
	cursor: pointer;
	pointer-events: none
}

.saMultiPickerItem input[type=checkbox]:focus,
.saMultiPickerItem input[type=checkbox]:focus-visible {
	outline: 0
}

.saMultiPickerItem span {
	display: block;
	font-size: .875rem;
	line-height: .875rem;
	align-items: center;
	height: 2rem;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: .5rem 0
}

.saMultiPickerItem .saDeleteButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	right: .25rem;
	font-size: .875rem;
	height: 1.5rem;
	width: 1.5rem;
	border-radius: .25rem;
	color: #60748b;
	position: absolute;
	border: none;
	background: 0 0
}

.saMultiPickerItem .saDeleteButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saMultiPickerItem .saDeleteButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saMultiPickerItem .saDeleteButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

@media (pointer:fine) {
	.saMultiPickerItem .saDeleteButton:hover {
		background: #ffc6c5
	}

	.saMultiPickerItem .saDeleteButton:hover .saIcon {
		color: #e0173e
	}
}

.saMultiPickerItem .saDeleteButton:active {
	background: #e0173e;
	border-radius: .5rem
}

.saMultiPickerItem .saDeleteButton:active .saIcon {
	color: #fff
}

.saMultiPickerItem .saDeleteButton .saIcon::after {
	content: '';
	height: 2rem;
	position: absolute;
	left: -.5rem;
	top: 0;
	width: 2.5rem;
	right: -.75rem
}

.saMultiPickerItem .saIcon {
	color: #60748b
}

.saMultiPickerItem:has(input:checked) {
	background: #f6deff;
	color: #5d237d
}

@media (pointer:fine) {
	.saMultiPickerItem:has(input:checked):hover {
		background: #ccd5e2
	}
}

.saSmallScreen .saMultiPickerWrapper {
	width: 100%;
	margin-right: 1rem
}

.saSmallScreen .saMultiPickerWrapper .saInputTextWrapper .saInputText {
	align-items: center;
	display: flex;
	text-align: left;
	font-size: 1rem
}

.saSmallScreen .saMultiPickerWrapper.saHighlightFieldError .saInputText {
	outline: 2px solid #e0173e
}

.saSmallScreen .saMultiPickerWrapper.saHighlightFieldWarning .saInputText {
	outline: 2px solid #f6ad00
}

.saSmallScreen .saMultiPickerSmallScreen {
	display: flex;
	height: calc(95vh - 3rem);
	padding: 1rem;
	margin-top: 3rem;
	position: relative;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	overflow-y: hidden
}

.saSmallScreen .saMultiPickerSmallScreen.saAnimating {
	animation: ease .2s saScaleInFromCenter
}

@keyframes saScaleInFromCenter {
	0% {
		transform: scale(.2);
		transform-origin: center
	}

	100% {
		transform: scale(1);
		transform-origin: center
	}
}

.saSmallScreen .saMultiPickerSmallScreen .saNumberOfCheckedWrapper {
	padding: 1rem;
	font-size: .75rem;
	line-height: .75rem
}

.saSmallScreen .saMultiPickerSmallScreen::-webkit-scrollbar {
	display: none
}

.saSmallScreen .saMultiPickerSmallScreen .saMultiPickerTreeWrapper {
	justify-content: space-between;
	flex: 1;
	min-height: 100%;
	overflow-x: auto
}

.saSmallScreen .saMultiPickerSmallScreen .saMultiPickerTreeWrapper .saCheckboxTree .saCheckboxOuter {
	height: 2.75rem
}

.saSmallScreen .saMultiPickerSmallScreen .saMultiPickerTreeWrapper .saCheckboxTree .saCheckboxOuter:has(.saExpandButton) .saCheckboxWrapper {
	padding-right: 2.25rem
}

.saSmallScreen .saMultiPickerSmallScreen .saMultiPickerTreeWrapper .saCheckboxTree .saCheckboxWrapper {
	height: 2.75rem;
	border-radius: .5rem;
	align-items: center;
	display: flex
}

.saSmallScreen .saMultiPickerSmallScreen .saMultiPickerTreeWrapper .saCheckboxTree .saCheckboxWrapper .saIcon::after {
	height: 2.75rem;
	top: 0
}

.saSmallScreen .saMultiPickerSmallScreen .saMultiPickerTreeWrapper .saCheckboxTree fieldset {
	height: 100%;
	width: auto;
	padding: .5rem;
	padding-bottom: 1rem;
	overflow: auto
}

.saSmallScreen .saMultiPickerSmallScreen .saMultiPickerTreeWrapper .saCheckboxTree .saCheckbox::after {
	height: 2.75rem;
	width: 2.75rem
}

.saSmallScreen .saMultiPickerDragHandle {
	width: 50%;
	position: absolute;
	height: 100%;
	left: -.5rem
}

.saSmallScreen .saMultiPickerOptions,
.saSmallScreen .saMultiPickerSelected {
	min-width: calc(100vw - 4rem);
	min-height: 100%;
	border-radius: 1rem;
	scroll-snap-align: center;
	position: relative
}

.saSmallScreen .saMultiPickerOptions .saMultiPickerInner {
	overflow-y: auto;
	transform: scale(1);
	box-shadow: rgba(49, 58, 68, .1) 0 1px 2px, rgba(49, 58, 68, .1) 0 2px .25rem, rgba(49, 58, 68, .1) 0 .25rem .5rem, rgba(49, 58, 68, .1) 0 .5rem 1rem
}

.saSmallScreen .saMultiPickerInner {
	display: flex;
	flex-direction: column;
	min-width: 100%;
	height: 100%;
	transition: ease all .1s;
	border-radius: 1rem;
	outline: 1px solid #888888;
	outline-offset: -1px;
	position: relative;
	background-color: #fff
}

.saSmallScreen .saMultiPickerSelected .saMultiPickerInner {
	transform: scale(.9)
}

.saSmallScreen .saMultiPickerSwitcher {
	display: flex;
	position: absolute;
	right: 0;
	opacity: 0;
	min-height: 90vh;
	min-width: 3rem;
	z-index: 99;
	border: none;
	margin: 0;
	padding: 0;
	background: 0 0
}

.saSmallScreen .saMultiPickerSelected {
	padding: unset;
	border-left: unset
}

.saSmallScreen .saMultiPickerSelected fieldset {
	overflow-y: auto
}

.saSmallScreen .saMultiPickerSmallScreen fieldset {
	padding: 0 .5rem .5rem .5rem;
	height: 100%;
	border-radius: unset
}

.saSmallScreen .saMultiPickerSmallScreen fieldset .saMultiPickerItem {
	height: 2.75rem
}

.saSmallScreen .saMultiPickerFooter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 3rem;
	padding: .5rem;
	overflow: hidden
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem;
	min-width: fit-content;
	flex: 0
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton:active {
	border-radius: .75rem
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary {
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary .saIcon {
	color: #333333
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary:hover .saIcon {
		color: #5d237d
	}

	.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary:hover .saBadge {
		background-color: #5d237d
	}
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary:active {
	background: #f6deff
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary.saDestructive .saIcon {
	color: #dd1f26
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saSecondary.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saPrimary {
	background-color: #5d237d;
	color: #f5f3ee;
	min-width: 5.5rem
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saPrimary .saIcon {
	color: #f5f3ee
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saPrimary .saBadge {
	color: #5d237d;
	background: #f5f3ee;
	border-color: #5d237d
}

@media (pointer:fine) {
	.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saPrimary:hover {
		background-color: #50146e
	}

	.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saPrimary:hover .saBadge {
		background-color: #f5f3ee;
		border-color: #50146e
	}
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saPrimary:active {
	background-color: #42045f
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saPrimary:active .saBadge {
	color: #42045f;
	border-color: 2px solid #42045f
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saPrimary:disabled {
	background: #d3b9e7;
	pointer-events: none
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saPrimary.saDestructive {
	background-color: #dd1f26;
	color: #fff;
	border-color: #ffdbd7
}

@media (pointer:fine) {
	.saSmallScreen .saMultiPickerFooter .saMultiPickerFooterButton.saPrimary.saDestructive:hover {
		background-color: #c60014
	}
}

.saSmallScreen .saMultiPickerFooter .saMultiPickerButtons {
	display: flex;
	position: unset
}

.saSmallScreen .saMultiRowWrapper {
	display: flex;
	flex-direction: column;
	margin-right: 0
}

.saSmallScreen .saMultiRowWrapper .saMultiRowTableWrapper {
	overflow-x: scroll;
	width: calc(100vw - 2.125rem) !important
}

.saMultiRowWrapper .saMultiRow {
	display: table;
	padding-top: 2px
}

.saMultiRowWrapper .saMultiRow .saInputTextWrapper {
	margin: 0
}

.saLabelsBefore .saMultiRowWrapper .saMultiRow {
	padding-top: .5rem
}

.saMultiRowWrapper .saMultiRowDragHandle {
	display: table-cell;
	height: 100%;
	min-width: 2rem;
	max-width: 2rem;
	cursor: grab
}

.saMultiRowWrapper .saMultiRowDragHandle.saDisabled {
	pointer-events: none
}

.saMultiRowWrapper .saMultiRowDragHandle.saDisabled .saIcon {
	color: #ccd5e2
}

.saMultiRowWrapper .saMultiRowDragHandle>div {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2rem;
	width: 2rem;
	position: relative
}

.saSmallScreen .saMultiRowWrapper .saMultiRowDragHandle>div::after {
	content: '';
	height: 2.75rem;
	width: 2.75rem;
	position: absolute
}

.saMultiRowWrapper .saMultiRowDragHandle .saIcon {
	font-size: 1rem;
	color: #333333
}

.saMultiRowWrapper:has(.saMultiRowDragHandle) .saMultiRowNewRowButton {
	margin-left: 2rem
}

.saMultiRowWrapper .saMultiRowHead,
.saMultiRowWrapper .saMultiRowRow {
	display: table-row
}

.saMultiRowWrapper .saMultiRowHeadGroup,
.saMultiRowWrapper .saMultiRowRowsGroup {
	display: contents
}

.saMultiRowWrapper .saMultiRowCellWrapper {
	display: table-cell;
	padding: 0 .5rem .5rem 0;
	vertical-align: top
}

.saMultiRowHead .saMultiRowWrapper .saMultiRowCellWrapper {
	height: 1rem
}

.saMultiRowRow .saMultiRowWrapper .saMultiRowCellWrapper {
	height: 2.5rem
}

.saCompact .saMultiRowRow .saMultiRowWrapper .saMultiRowCellWrapper {
	height: 2rem
}

.saMultiRowWrapper .saMultiRowCellWrapper:last-child {
	padding-right: 0
}

.saMultiRowWrapper .saMultiRowCell {
	display: flex;
	gap: .5rem;
	flex-direction: row
}

.saMultiRowWrapper .saMultiRowInputWrapper {
	display: flex;
	flex-direction: column
}

.saMultiRowWrapper .saMultiRow .saLabel {
	max-width: unset;
	display: flex;
	flex-direction: row;
	gap: .5rem;
	font-size: .875rem;
	line-height: 1rem;
	font-weight: 400;
	word-break: keep-all;
	text-wrap: nowrap
}

.saMultiRowWrapper .saMultiRow .saLabel .saAiIcon {
	height: 1rem;
	min-width: 1rem;
	background-position: center;
	background: url(../img/aiSparkles.svg) top center no-repeat;
	position: relative
}

.saMultiRowWrapper .saMultiRow .saLabel .saAiIcon::after {
	content: '';
	position: absolute;
	height: 2rem;
	width: 2rem;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%)
}

.saMultiRowWrapper ul.saMultiRowButtons {
	display: flex;
	flex-direction: row;
	gap: .5rem
}

.saMultiRowWrapper ul.saMultiRowButtons li {
	width: 2rem;
	height: 2rem
}

.saMultiRowSmallScreenWrapper {
	display: block
}

.saMultiRowSmallScreenWrapper ol,
.saMultiRowSmallScreenWrapper ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.saMultiRowSmallScreenWrapper * {
	box-sizing: border-box;
	user-select: none
}

.saMultiRowSmallScreenWrapper .saMultiRowNewRowButton {
	margin-top: 1rem
}

.saMultiRowSmallScreenWrapper:has(.saMultiRowCardDragHandle) .saMultiRowNewRowButton {
	margin-left: 1rem
}

.saMultiRowSmallScreenWrapper .saMultiRowSmallScreen {
	display: flex;
	flex-direction: column
}

.saMultiRowSmallScreenWrapper .saMultiRowCard {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-top: -1px;
	transition: height ease 2s
}

.saMultiRowSmallScreenWrapper .saMultiRowCard:not(.saOpen) {
	height: 3rem
}

.saMultiRowSmallScreenWrapper .saMultiRowCard.saDragAndDropPlaceholder {
	position: relative
}

.saMultiRowSmallScreenWrapper .saMultiRowCard.saDragAndDropPlaceholder::after {
	content: '';
	position: absolute;
	height: 100%;
	top: 0;
	left: 1rem;
	width: calc(100% - 1rem);
	background-color: #eef1f5
}

.saMultiRowSmallScreenWrapper .saMultiRowCard:first-child .saMultiRowCardInner {
	border-top-left-radius: .75rem;
	border-top-right-radius: .75rem
}

.saMultiRowSmallScreenWrapper .saMultiRowCard:last-child .saMultiRowCardInner {
	border-bottom-left-radius: .75rem;
	border-bottom-right-radius: .75rem
}

.saMultiRowSmallScreenWrapper .saMultiRowCard .saRemove.saMultiRowCardInner {
	transition: ease .5s background-color, ease .5s border-color;
	border-color: #e0173e;
	background-color: #ffe8e7
}

.saMultiRowSmallScreenWrapper .saMultiRowCardInner {
	display: flex;
	flex-direction: column;
	border: 1px solid #ccd5e2;
	overflow: hidden;
	width: 100%;
	background-color: #f8f9fb;
	transition: ease .2s background-color, ease .2s border-color, ease .2s border-radius, ease .2s box-shadow
}

.ui-sortable-helper .saMultiRowSmallScreenWrapper .saMultiRowCardInner {
	background-color: #fff;
	border-radius: .5rem !important;
	height: 3rem;
	box-shadow: 0 1px 2px rgba(49, 58, 68, .07), 0 2px .25rem rgba(49, 58, 68, .07)
}

.saMultiRowSmallScreenWrapper .saMultiRowCardInner .saLabelCell {
	display: block
}

.saMultiRowSmallScreenWrapper .saMultiRowCardInner .saLabelCell .saAiIcon {
	height: 1rem;
	min-width: 1rem;
	background-position: center;
	background: url(../img/aiSparkles.svg) top center no-repeat;
	position: relative
}

.saMultiRowSmallScreenWrapper .saMultiRowCardInner .saLabelCell .saAiIcon::after {
	content: '';
	position: absolute;
	height: 2rem;
	width: 2rem;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%)
}

.saMultiRowSmallScreenWrapper .saMultiRowCardDragHandle {
	position: relative;
	padding: 1rem .5rem 0 0;
	color: #7088a4;
	font-size: 1rem;
	cursor: grab
}

.saMultiRowSmallScreenWrapper .saMultiRowCardDragHandle::after {
	content: '';
	height: 3rem;
	width: 2.75rem;
	position: absolute;
	top: 0;
	left: -1rem
}

.saMultiRowSmallScreenWrapper .saMultiRowButtonsSmallScreen {
	display: flex;
	flex-direction: row;
	gap: .5rem;
	flex-wrap: wrap
}

.saMultiRowSmallScreenWrapper .saMultiRowButtonsSmallScreen button {
	min-width: 2.5rem;
	min-height: 2.5rem
}

.saMultiRowSmallScreenWrapper .saMultiRowSmallScreenWrapper .saMultiRowSmallScreen .saMultiRowCard .saFieldCell:last-child {
	padding-bottom: 0
}

.saMultiRowSmallScreenWrapper .saMultiRowCardHeader {
	display: flex;
	align-items: safe center;
	gap: .5rem;
	width: 100%;
	background-color: transparent;
	color: #333333;
	line-height: 1;
	padding: .5rem 1rem;
	min-height: 3rem;
	text-align: left;
	overflow-wrap: anywhere;
	transition: background-color ease .2s;
	overflow: hidden
}

@media (pointer:fine) {
	.saMultiRowSmallScreenWrapper .saMultiRowCardHeader:hover {
		background-color: #fcf7ff
	}

	.saMultiRowSmallScreenWrapper .saMultiRowCardHeader:hover .saIcon,
	.saMultiRowSmallScreenWrapper .saMultiRowCardHeader:hover .saMultiRowCardDesc,
	.saMultiRowSmallScreenWrapper .saMultiRowCardHeader:hover .saMultiRowCardHeading {
		color: #50146e
	}
}

.saMultiRowSmallScreenWrapper .saMultiRowCardHeader:active {
	background-color: #f6deff
}

.saMultiRowSmallScreenWrapper .saMultiRowCardHeader:active .saIcon,
.saMultiRowSmallScreenWrapper .saMultiRowCardHeader:active .saMultiRowCardDesc,
.saMultiRowSmallScreenWrapper .saMultiRowCardHeader:active .saMultiRowCardHeading {
	color: #42045f
}

.saMultiRowSmallScreenWrapper .saMultiRowCardHeader .saIcon {
	font-size: 1rem;
	color: #333333
}

.saMultiRowSmallScreenWrapper .saMultiRowCardHeader .saIcon {
	margin-left: auto;
	transition: ease .2s transform
}

.saMultiRowSmallScreenWrapper .saOpen .saMultiRowCardHeader .fa-angle-down {
	transform: rotate(180deg)
}

.saMultiRowSmallScreenWrapper .saMultiRowCardHeading {
	font-size: 1rem;
	font-weight: 500;
	transition: color ease .2s
}

.saMultiRowSmallScreenWrapper .saMultiRowCardBodyWrapper {
	height: 0;
	transition: height ease .2s, padding ease .2s;
	interpolate-size: allow-keywords;
	visibility: hidden;
	overflow: hidden
}

.saMultiRowSmallScreenWrapper .saOpen .saMultiRowCardBodyWrapper {
	height: auto;
	visibility: visible
}

.saMultiRowSmallScreenWrapper .saMultiRowCardBody {
	padding: 1rem
}

.saMultiRowSmallScreenWrapper .saEmptyState {
	border: 1px solid #ccd5e2;
	background-color: #f8f9fb;
	border-radius: .5rem
}

.saMultiRowSmallScreenWrapper .saIconOnlyFieldButton:not(.saDestructive):not(.saDisabled) {
	background-color: #fff
}

input[type=password].saInputText {
	font-family: Verdana, Geneva, Tahoma, sans-serif
}

input[type=password].saInputText::-ms-reveal {
	display: none
}

input[type=password].saInputText:-webkit-autofill+.saTrailingIconsWrapper {
	display: none
}

.saPasswordStrength {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding-top: .5rem
}

.saPasswordStrength div {
	display: flex;
	width: 100%;
	height: .25rem;
	position: relative;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 78% 100%, 78% 0, 74% 0, 74% 100%, 52% 100%, 52% 0, 48% 0, 48% 100%, 26% 100%, 26% 0, 22% 0, 22% 100%, 0 100%, 0 0);
	background: #dde3ec;
	border-radius: 2px
}

.saPasswordStrength div::after {
	content: '';
	height: 100%;
	width: 0;
	position: absolute;
	left: 0;
	top: 0;
	background: #dde3ec;
	transition: ease background .2s, ease width .2s
}

.saBad.saPasswordStrength div::after {
	background: #bf0024;
	width: 25%
}

.saWeak.saPasswordStrength div::after {
	background: #e0173e;
	width: 50%
}

.saOk.saPasswordStrength div::after {
	background: #f6ad00;
	width: 75%
}

.saGood.saPasswordStrength div::after {
	background: #29bb4e;
	width: 100%
}

.saPasswordStrength span {
	font-size: .75rem;
	line-height: .75rem;
	min-height: .75rem
}

.saRadioWrapper input.saRadio {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
	margin: 0;
	padding: 0;
	font: inherit;
	min-width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px #7088a4, 0 0 0 1px #fff;
	cursor: pointer;
	transition: ease background-color .2s, ease box-shadow .2s;
	position: relative
}

@media (pointer:fine) {
	.saRadioWrapper input.saRadio:enabled:not(:checked):hover {
		background-color: #d3b9e7;
		box-shadow: inset 0 0 0 2px #5d237d, inset 0 0 0 6.1875rem #d3b9e7, 0 0 0 1px #fff
	}
}

.saRadioWrapper input.saRadio:enabled:not(:checked):active {
	box-shadow: inset 0 0 0 2px #50146e, inset 0 0 0 6.1875rem #b496c9, 0 0 0 1px #fff
}

.saRadioWrapper input.saRadio:disabled:not(:checked) {
	box-shadow: inset 0 0 0 2px #ccd5e2, inset 0 0 0 6.1875rem #eef1f5, 0 0 0 1px #fff
}

.saRadioWrapper input.saRadio:disabled {
	pointer-events: none
}

.saRadioWrapper input.saRadio:disabled+span {
	color: #60748b
}

.saRadioWrapper input.saRadio:checked {
	box-shadow: inset 0 0 0 2px #50146e, inset 0 0 0 .375rem #5d237d, 0 0 0 1px #fff
}

.saRadioWrapper input.saRadio:checked:disabled {
	background-color: #adbdd1;
	pointer-events: none;
	box-shadow: inset 0 0 0 2px #ccd5e2, inset 0 0 0 .375rem #eef1f5, 0 0 0 1px #fff
}

.saRadioWrapper .saRadioLabel {
	font-weight: 400;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	gap: .5rem;
	box-sizing: border-box;
	align-items: center;
	position: relative;
	transition: ease border-radius .2s, ease color .2s, ease background-color .2s;
	padding: .375rem 0
}

.saRadioWrapper .saRadioLabel span {
	font-size: .875rem;
	line-height: 1rem
}

.saRadioWrapper .saRadioLabel:has(:disabled) {
	pointer-events: none
}

.saLargeScreen .saRadioWrapper .saRadioLabel {
	margin-right: 1rem
}

.saRadioWrapper .saRadioGrid {
	display: grid
}

.saRadioWrapper .saRadioColumnGroup {
	display: flex;
	flex-direction: row;
	gap: .5rem
}

.saRadioWrapper .saRadioColumn {
	display: flex;
	flex-direction: column
}

.saRadioWrapper.saHighlightFieldError input.saRadio:checked:enabled {
	box-shadow: inset 0 0 0 2px #bf0024, inset 0 0 0 .375rem #e0173e, 0 0 0 1px #fff
}

.saRadioWrapper.saHighlightFieldError input.saRadio:checked:enabled+span {
	color: #e0173e
}

@media (pointer:fine) {
	.saSmallScreen .saRadioWrapper.saHighlightFieldError .saRadioLabel:has(:checked:enabled):hover span {
		color: #e0173e
	}
}

.saSmallScreen .saRadioWrapper.saHighlightFieldError .saRadioLabel:has(:checked:enabled):active span {
	color: #e0173e
}

.saRadioWrapper.saHighlightFieldWarning input.saRadio:checked:enabled {
	box-shadow: inset 0 0 0 2px #b67a00, inset 0 0 0 .375rem #f6ad00, 0 0 0 1px #fff
}

.saRadioWrapper.saHighlightFieldWarning input.saRadio:checked:enabled+span {
	color: #9c6700
}

.saSmallScreen .saRadioWrapper.saHighlightFieldWarning .saRadioLabel:has(:checked:enabled):active {
	box-shadow: inset 0 0 0 2px #9c6700;
	background: #fff8e7
}

.saSmallScreen .saRadioWrapper.saHighlightFieldWarning .saRadioLabel:has(:checked:enabled):active span {
	color: #9c6700
}

.saSmallScreen .saRadioWrapper .saRadioLabel {
	width: fit-content;
	padding: .5rem .5rem .5rem 0;
	min-height: 2.75rem;
	border-radius: .5rem;
	transition-property: border-radius, color, background, box-shadow;
	height: 100%
}

.saSmallScreen .saRadioWrapper .saRadioLabel:has(:disabled) {
	color: #60748b
}

.saSmallScreen .saRadioWrapper .saRadioGrid {
	display: flex;
	flex-direction: column;
	gap: 0
}

.saSmallScreen .saRadioWrapper .saRadioColumnGroup {
	flex-direction: column;
	gap: 0
}

.saSmallScreen .saRadioWrapper .saRadioColumn {
	gap: 0
}

.saSmallScreen .saMultiRowWrapper .saRadioWrapper .saRadioLabel {
	padding: .25rem .75rem .25rem 2px
}

.saSignatureCanvasRoot .saSignatureOuter {
	position: relative;
	background: #fff;
	border-radius: .5rem;
	box-shadow: inset 0 0 0 1px #888888;
	transition: ease box-shadow .2s
}

@media (pointer:fine) {
	.saSignatureCanvasRoot .saSignatureOuter:hover {
		box-shadow: inset 0 0 0 2px #5d237d
	}
}

.saSignatureCanvasRoot .saSignatureOuter::after {
	content: '';
	height: .25rem;
	background-image: radial-gradient(circle at 2px 2px, #ccd5e2 1px, transparent 0);
	background-size: .375rem .25rem;
	background-position: 0 0;
	position: absolute;
	pointer-events: none;
	user-select: none
}

.saDisabled .saSignatureCanvasRoot .saSignatureOuter {
	pointer-events: none
}

.saSignatureCanvasRoot .saSignature {
	border-radius: .5rem;
	cursor: crosshair
}

.saSignatureCanvasRoot.saSignatureLargeScreen {
	display: flex;
	flex-direction: column;
	gap: .5rem
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saSignatureOuter::after {
	bottom: 2.5rem;
	right: 2.5rem;
	width: calc(100% - 5rem)
}

.saDisabled .saSignatureCanvasRoot.saSignatureLargeScreen .saSignatureOuter {
	border-color: transparent;
	box-shadow: none;
	background: #eef1f5;
	color: #8fa5c0
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton .saIcon {
	color: #333333
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton.saDestructive {
	color: #dd1f26
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton:hover .saIcon {
		color: #5d237d
	}
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton:active .saIcon {
	color: #50146e
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton.saDisabled,
.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton.saDisabled .saIcon,
.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton:disabled .saIcon {
	color: #adbdd1
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton:active {
	border-radius: .75rem
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saCanvasButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSignatureCanvasRoot.saSignatureLargeScreen .saSignatureButtons {
	display: flex;
	align-self: flex-end
}

.saSmallScreen .saSignatureCanvasRoot.saSignatureLargeScreen .saSignatureOuter::after {
	bottom: 1.25rem
}

.saSignatureCanvasRoot.saSignatureSmallScreen {
	display: flex;
	justify-content: center;
	flex-direction: column
}

.saSignatureCanvasRoot.saSignatureSmallScreen .saSignatureField {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f8f9fb;
	border-radius: 1rem;
	font-size: 1rem;
	height: 9rem;
	width: 100%;
	margin-top: .625rem;
	border: 1px solid #ccd5e2
}

.saDisabled .saSignatureCanvasRoot.saSignatureSmallScreen .saSignatureField {
	border-color: transparent;
	box-shadow: none;
	background: #eef1f5;
	color: #8fa5c0
}

.saDisabled .saSignatureCanvasRoot.saSignatureSmallScreen .saSignatureField .saButtonField .saIcon {
	color: #1010104d
}

.saSignatureCanvasRoot.saSignatureSmallScreen .saButtonField {
	background-color: #fff;
	padding: .5rem;
	border-radius: .5rem;
	gap: .5rem;
	display: flex;
	align-items: center;
	border: 1px solid #ccd5e2;
	justify-content: center;
	text-align: center
}

.saSignatureCanvasRoot.saSignatureSmallScreen .saButtonField .saIcon {
	color: #60748b
}

.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton {
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333;
	width: fit-content;
	height: fit-content;
	border-radius: .5rem;
	margin-top: .625rem;
	padding: .5rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	display: flex;
	align-self: center
}

.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton .saIcon {
	color: #333333
}

.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton:hover .saIcon {
		color: #5d237d
	}

	.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton:active {
	background: #f6deff
}

.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton.saDestructive .saIcon {
	color: #dd1f26
}

.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saSignatureCanvasRoot.saSignatureSmallScreen .saEditButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saSignatureCanvasRoot.saSignatureSmallScreen .saPreviewImage {
	max-width: 100%;
	max-height: 100%
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	width: 100%;
	height: fit-content
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saSignaturePopup {
	display: flex;
	flex-direction: column;
	width: calc(100% - 2rem);
	max-height: 98%;
	transform: scale(1);
	transition: all .2s ease;
	padding: 1rem;
	gap: .5rem;
	margin: .5rem;
	align-self: center
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saSignatureScroll {
	overflow: auto;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	margin-top: -1px
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saPopupHeading {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem;
	color: #5d237d;
	background: 0 0;
	font-size: 1.25rem;
	width: 2.75rem;
	height: 2.75rem;
	max-width: 2.75rem
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup:active {
	border-radius: .75rem
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup .saIcon {
	color: #333333
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup.saDestructive {
	color: #dd1f26
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup:hover .saIcon {
		color: #5d237d
	}
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup:active {
	background-color: #f6deff;
	color: #50146e
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup:active .saIcon {
	color: #50146e
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup.saDisabled,
.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup.saDisabled .saIcon,
.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saClosePopup:disabled .saIcon {
	color: #adbdd1
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saSignatureOuter {
	width: fit-content;
	height: fit-content
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saSignatureOuter::after {
	bottom: 20%;
	right: 10%;
	width: 80%
}

.saSignatureCanvasRoot.saSignatureCanvasPopupRoot .saSignatureButtons {
	display: flex;
	align-self: flex-start;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	gap: .5rem
}

.saInputTextWrapper.saHighlightFieldError:not(.saDisabled) .saTextArea {
	outline: 2px solid #e0173e;
	outline-offset: -2px;
	box-shadow: none !important
}

@media (pointer:fine) {
	.saInputTextWrapper.saHighlightFieldError:not(.saDisabled) .saTextArea:hover {
		outline: 2px solid #bf0024
	}
}

.saInputTextWrapper.saHighlightFieldError:not(.saDisabled) .saTextArea:focus-within {
	outline: 2px solid #bf0024
}

.saInputTextWrapper.saHighlightFieldWarning:not(.saDisabled) .saTextArea {
	outline: 2px solid #f6ad00;
	outline-offset: -2px;
	box-shadow: none !important
}

@media (pointer:fine) {
	.saInputTextWrapper.saHighlightFieldWarning:not(.saDisabled) .saTextArea:hover {
		outline: 2px solid #da9600
	}
}

.saInputTextWrapper.saHighlightFieldWarning:not(.saDisabled) .saTextArea:focus-within {
	outline: 2px solid #da9600
}

.saInputTextWrapper .saTextArea {
	height: auto;
	z-index: 2;
	max-width: none;
	cursor: auto;
	outline: 1px solid #888888;
	outline-offset: -1px;
	border: 2px solid transparent;
	box-shadow: none;
	line-height: 1.25rem;
	padding: .25rem .5rem
}

.saInputTextWrapper .saTextArea:focus-within,
.saInputTextWrapper .saTextArea:hover {
	outline: 2px solid #5d237d;
	outline-offset: -2px;
	box-shadow: none
}

.saInputTextWrapper .saTextArea:disabled {
	outline: 0
}

.saInputTextWrapper .saTextArea::-webkit-resizer {
	background-image: url(../img/resizer.svg)
}

.saInputTextWrapper .saTextArea[dir=rtl]::-webkit-resizer {
	background-image: url(../img/resizer-rtl.svg)
}

.saInputTextWrapper .saCharacterCount {
	font-size: .75rem;
	text-align: right;
	margin-right: 2px;
	margin-top: .25rem;
	color: #60748b
}

.saInputTextWrapper .saCharacterCount.saMaxLength span:first-child {
	font-weight: 700
}

.saInputTextWrapper .saCharacterCount.saShake {
	animation: saShake .82s cubic-bezier(.36, .07, .19, .97) both
}

@keyframes saShake {

	10%,
	90% {
		transform: translate3d(-1px, 0, 0)
	}

	20%,
	80% {
		transform: translate3d(2px, 0, 0)
	}

	30%,
	50%,
	70% {
		transform: translate3d(-.25rem, 0, 0)
	}

	40%,
	60% {
		transform: translate3d(.25rem, 0, 0)
	}
}

.saTextboxWithPopupWrapper select {
	border: 1px solid #dde3ec;
	color: #313a44;
	padding: 1px 1px 1px 0;
	background: #fff;
	position: absolute;
	z-index: 1005;
	max-width: 50rem;
	min-width: 104%;
	width: fit-content
}

.saTextboxWithPopupWrapper select:focus {
	background: #d7e3ff
}

.saTextboxWithPopupWrapper option {
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 1px 0 1px .5rem;
	color: #666;
	cursor: pointer
}

.saTextboxWithPopupWrapper option:nth-child(odd):not(:checked) {
	background: #f8f9fb;
	color: #333333
}

.saTextboxWithPopupWrapper option:nth-child(even):not(:checked) {
	background: #fff;
	color: #333333
}

.saTextboxWithPopupWrapper option:hover {
	background: #d7e3ff !important;
	color: #333333 !important
}

.saTextboxWithPopupWrapper select.monospace option {
	font-family: monospace, monospace
}

.saTextboxWithPopupWrapper option:checked {
	background: #335079;
	color: #fff
}

.saTextboxWithPopupWrapper .saMessage {
	position: absolute;
	background-color: #313a44;
	color: #f5f3ee;
	padding: .25rem;
	border-radius: .5rem;
	font-size: small
}

.saUneditableText {
	padding-top: .4375rem;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;
	min-height: 1.1875rem
}

.saUneditableText h1,
.saUneditableText h2,
.saUneditableText h3,
.saUneditableText h4,
.saUneditableText h5,
.saUneditableText h6 {
	font-size: revert;
	font-weight: revert;
	margin: revert;
	line-height: revert;
	color: revert
}

.saUneditableText ol,
.saUneditableText ul {
	list-style: revert;
	margin: 0;
	padding: 0 0 0 2.5rem
}

.saUneditableText table {
	border-collapse: collapse
}

.saUneditableText thead {
	background: #f8f9fb;
	font-weight: 700
}

.saUneditableText td,
.saUneditableText th {
	border: 1px solid #eef1f5;
	padding: .5rem;
	text-align: left
}

.saUneditableText a {
	color: #006ebf;
	font-weight: 500
}

.saUneditableText p {
	margin: revert
}

.saMultiRow .saUneditableText {
	width: auto !important;
	padding-top: .25rem
}

.saUneditableText:empty {
	min-height: 0
}

@keyframes clip {
	to {
		background-position: -200% center
	}
}

.saLargeScreen .saLinearProcess .saStepCaption.short,
.saLargeScreen .saLinearProcess .saStepWrapper.short {
	width: 15rem
}

.saLargeScreen .saLinearProcess .saStepCaption.medium,
.saLargeScreen .saLinearProcess .saStepWrapper.medium {
	width: 20rem
}

.saLargeScreen .saLinearProcess .saStepCaption.long,
.saLargeScreen .saLinearProcess .saStepWrapper.long {
	width: 25rem
}

.saLargeScreen .saLinearProcess .saStepBetweenArrow {
	width: 1rem
}

.saLinearProcess {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	flex-wrap: wrap
}

.saLinearProcess.saHasWrapped {
	padding-left: 2rem
}

.saLinearProcess .saIcon.saStepBetween {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	color: #60748b;
	min-height: 4rem
}

.saLinearProcess .saStepBefore {
	position: absolute;
	width: 1.5rem;
	background: url(../img/arrow-turn-down-right-ellipsis.svg) no-repeat center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #5d237d;
	left: -2rem;
	top: 0
}

.saLinearProcess .saStepAfter {
	position: absolute;
	right: -2rem;
	top: 0;
	width: 1.5rem;
	background: url(../img/ellipsis-four.svg) no-repeat center
}

.saLinearProcess .saStepOuter {
	display: flex;
	gap: 1rem
}

.saLinearProcess .saStepWrapper {
	position: relative
}

.saLinearProcess .saStepIconWrapper {
	align-items: center;
	display: flex;
	border-radius: .5rem;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	position: relative
}

.saLinearProcess .saStepIconWrapper::after {
	content: '';
	height: calc(100% + 2px);
	min-width: calc(100% + 2px);
	position: absolute;
	left: -1px;
	top: -1px;
	background: #fff;
	transition: ease-out background-color .1s;
	border-radius: .4375rem
}

.saLinearProcess .systemicon.customcolor {
	z-index: 1
}

.saLinearProcess .saStepInnerWrapper {
	display: flex;
	flex: 1;
	width: 100%;
	border-radius: 1rem;
	align-items: stretch;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saLinearProcess .saStepInner {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: .5rem;
	background: #fff;
	padding: .5rem;
	border-radius: 1rem;
	position: relative;
	width: 100%;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saLinearProcess .saStep {
	display: flex;
	align-items: stretch;
	background: #fff;
	border-radius: 1rem;
	position: relative;
	font-size: 1rem;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	border: solid 1px #ccd5e2;
	flex: 1
}

.saLinearProcess .saStep .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
	min-width: 2.5rem;
	height: 2.5rem;
	border-radius: .5rem;
	z-index: 2
}

.saLinearProcess .saStep .saStepLine {
	min-width: .25rem;
	width: .25rem;
	min-height: 2.5rem;
	border-radius: .5rem;
	margin-left: .25rem
}

.saLinearProcess .saStep .saStepLine::before {
	content: ''
}

.saLinearProcess .saStep.saHasLink {
	cursor: pointer
}

@media (pointer:fine) {
	.saLinearProcess .saStep.saHasLink:hover {
		border-color: transparent
	}

	.saLinearProcess .saStep.saHasLink:hover .saStepBody,
	.saLinearProcess .saStep.saHasLink:hover .saStepHeading {
		color: inherit
	}

	.saLinearProcess .saStep.saHasLink:hover .saStepInner {
		background-color: transparent
	}

	.saLinearProcess .saStep.saHasLink:hover .saStepIconWrapper::after {
		background: 0 0
	}

	.saLinearProcess .saStep.saHasLink:hover .saIcon {
		color: #fff;
		background-color: transparent !important
	}
}

.saLinearProcess .saStep.saHasLink:active .saStepInnerWrapper {
	border-radius: 1.5rem
}

.saLinearProcess .saStepTextWrapper {
	display: flex;
	flex-direction: column;
	gap: .25rem
}

.saLinearProcess .saStepHeading {
	font-size: .875rem;
	font-weight: 500;
	line-height: 1rem;
	word-break: break-word;
	color: #333333
}

.saLinearProcess .saStepBody {
	font-size: .75rem;
	font-weight: 400;
	line-height: .875rem;
	color: #60748b
}

.saLinearProcess .saStepCaption {
	font-size: .75rem;
	padding-left: 1rem;
	padding-top: .5rem;
	color: #333333
}

.saSmallScreen .saLinearProcess {
	gap: 1rem;
	justify-content: center;
	padding: 1rem
}

.saSmallScreen .saLinearProcess .saStepOuter {
	width: 100%;
	flex-direction: column
}

.saSmallScreen .saLinearProcess .saStepOuter>.saIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(90deg);
	margin-bottom: 0;
	min-height: auto
}

.saSmallScreen .saLinearProcess .saStepWrapper {
	gap: .5rem;
	flex: 1 1 100%;
	max-width: 100%
}

.saSmallScreen .saLinearProcess .saStep.saHasIcon {
	flex-direction: column;
	align-items: flex-start
}

.saSmallScreen .saLinearProcess .saStep .saIcon {
	min-width: 2.5rem
}

.saSmallScreen .saLinearProcess .saStep:active .saStepInnerWrapper {
	border-radius: 1rem
}

.saSmallScreen .saLinearProcess .saStepHeading {
	font-size: 1rem;
	line-height: 1.25rem
}

.saSmallScreen .saLinearProcess .saStepBody {
	font-size: .875rem;
	line-height: 1.125rem
}

.saSmallScreen .saLinearProcess .saStepCaption {
	font-size: .75rem;
	padding-left: .5rem
}

.saMenuBoxWrapper {
	display: flex;
	gap: 1rem;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: row
}

@media screen and (max-width:900px) {
	.saMenuBoxWrapper {
		flex-direction: column
	}
}

@media screen and (max-width:900px) {
	.saMenuBoxWrapper:not(:has(.saColumn:nth-child(3))) {
		flex-direction: row
	}
}

@media screen and (max-width:760px) {
	.saMenuBoxWrapper:not(:has(.saColumn:nth-child(3))) {
		flex-direction: column
	}
}

.saMenuBoxWrapper:focus {
	outline: 0
}

.saMenuBoxWrapper .saColumn {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	min-width: 10rem;
	max-width: 30rem
}

.saMenuBoxWrapper .saMenuBox {
	display: flex;
	flex-direction: column;
	padding: .5rem;
	border-radius: 1rem;
	min-width: 0;
	height: fit-content;
	gap: .5rem;
	border: solid 1px #ccd5e2
}

.saMultiPartContent .saMenuBoxWrapper .saMenuBox {
	border-radius: .5rem
}

.saMenuBoxWrapper .saMenuBox .saDivider {
	height: 1px;
	border-radius: 1px;
	width: calc(100% - .5rem);
	background: #eef1f5;
	margin: .5rem 0;
	align-self: center
}

.saMenuBoxWrapper ul {
	display: flex;
	flex-direction: column;
	list-style-type: none;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	padding-inline-start: 0
}

.saMenuBoxWrapper li.saMenuItemWrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	min-width: 0
}

.saMenuBoxWrapper li.saMenuItemWrapper.saInactive {
	opacity: .5;
	pointer-events: none
}

.saMenuBoxWrapper .saMenuBoxHeading {
	font-size: 1rem;
	color: #333333;
	padding-left: .5rem;
	padding-top: .5rem;
	font-weight: 600
}

.saMenuBoxWrapper .saIconHolder,
.saMenuBoxWrapper .saIconWrapper {
	position: relative;
	transition: ease all .2s;
	text-decoration: none
}

.saMenuBoxWrapper .saMenuItem {
	display: flex;
	align-items: center;
	gap: .5rem;
	height: 2.5rem;
	flex-grow: 2;
	flex-shrink: 1;
	color: #333333;
	width: 100%;
	padding: 0 4rem 0 .5rem;
	border-radius: .5rem;
	transition: ease .2s;
	transition-property: color, background-color;
	min-width: 0;
	text-decoration: none
}

.saMenuBoxWrapper .saMenuItem .saBadgeCount {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	box-sizing: border-box;
	min-width: 1rem;
	color: #333333;
	background-color: #e5e2db;
	border-radius: .75rem;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem;
	transition: ease background-color .2s;
	white-space: nowrap;
	flex-shrink: 0
}

.saMenuBoxWrapper .saMenuItem .saBadgeCount.saUrgent {
	color: #fff;
	background-color: #e0173e
}

.saMenuBoxWrapper .saMenuItem .saIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 1.625rem;
	color: #333333;
	font-size: 1.25rem
}

.saMenuBoxWrapper .saMenuItem .saBadge {
	font-size: .5rem;
	height: .75rem;
	width: .75rem;
	min-width: .75rem;
	bottom: -.25rem;
	right: -.375rem;
	transition: ease .2s;
	transition-property: color, background-color, border
}

@media (pointer:fine) {
	.saMenuBoxWrapper .saMenuItem:hover {
		color: #5d237d;
		background-color: #fcf7ff
	}

	.saMenuBoxWrapper .saMenuItem:hover .saIcon {
		color: #5d237d
	}

	.saMenuBoxWrapper .saMenuItem:hover .saBadge {
		color: #fcf7ff;
		border-color: #fcf7ff;
		background: #5d237d
	}
}

.saMenuBoxWrapper .saMenuItem:active {
	color: #5d237d;
	background-color: #f6deff;
	border-radius: .75rem
}

.saMenuBoxWrapper .saMenuItem::after {
	content: '';
	position: absolute;
	width: calc(100% + 1.125rem);
	left: -.5625rem;
	height: 100%
}

.saMenuBoxWrapper .saMenuItemText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	font-size: .875rem
}

.saMenuBoxWrapper .saEmpty .saMenuItemText {
	padding-left: 4rem
}

.saMenuBoxWrapper .saMenuItemTools {
	display: flex;
	align-items: center;
	z-index: 2;
	position: absolute;
	right: 0
}

.saMenuBoxWrapper .saMenuItemTools .saIconWrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	height: 2rem;
	min-width: 2rem;
	border-radius: .5rem;
	background: 0 0
}

.saMenuBoxWrapper .saMenuItemTools .saIconWrapper.saHelpLink {
	color: #333333
}

@media (pointer:fine) {
	.saMenuBoxWrapper .saMenuItemTools .saIconWrapper.saHelpLink:hover {
		background: #eef1f5;
		color: #5d237d
	}

	.saMenuBoxWrapper .saMenuItemTools .saIconWrapper.saHelpLink:hover:active {
		background: #dde3ec;
		transform: scale(.96)
	}
}

@media (pointer:fine) {
	.saMenuBoxWrapper .saMenuItemTools .saFavoriteIcon:hover {
		background: #fff8e7;
		color: #ffcd5b
	}
}

.saMenuBoxWrapper .saMenuItemTools .saFavoriteIcon:active {
	background: #ffecb7;
	color: #ffcd5b
}

@media (pointer:fine) {
	.saMenuBoxWrapper .saMenuItemTools.saHighContrast .saFavoriteIcon:hover {
		background: #fff8f4;
		color: #ca6d34
	}
}

.saMenuBoxWrapper .saMenuItemTools.saHighContrast .saFavoriteIcon:active {
	background: #ffeada;
	color: #ca6d34
}

.saMenuBoxWrapper .saMenuItemTools .saIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 1.25rem;
	color: rgba(96, 116, 139, .64)
}

.saCompact .saMenuBoxWrapper .saMenuBoxHeading {
	font-size: .875rem;
	padding: 2px 0 0 .25rem
}

.saCompact .saMenuBoxWrapper .saMenuBox {
	gap: .25rem
}

.saCompact .saMenuBoxWrapper .saMenuItem {
	gap: .5rem;
	height: 2rem;
	padding: 0 4rem 0 .5rem
}

.saCompact .saMenuBoxWrapper .saMenuItem .saIcon {
	min-width: 1.25rem;
	font-size: 1rem
}

.saCompact .saMenuBoxWrapper .saMenuItem .saBadge {
	font-size: .5rem;
	height: .75rem;
	width: .75rem;
	min-width: .75rem;
	bottom: -.25rem;
	right: -.375rem
}

.saSmallScreen .saMenuBoxWrapper {
	margin: 1rem;
	flex-wrap: wrap
}

.saSmallScreen .saMenuBoxWrapper .saColumn {
	flex-basis: 100%;
	max-width: 100%
}

.saSmallScreen .saMenuBoxWrapper .saMenuItem {
	height: 3rem
}

.saSmallScreen .saMenuBoxWrapper .saMenuItemTools {
	right: 0
}

.saSmallScreen .saMenuBoxWrapper .saMenuItemTools .saIconWrapper::after {
	content: '';
	height: 2.5rem;
	width: 2.5rem;
	position: absolute
}

.saLinkList.saMenuBoxWrapper .saUnread .saMenuItem .saLinkListRowHeading span,
.saLinkList.saMenuBoxWrapper .saUnread .saMenuItem .saLinkListRowLabel {
	font-weight: 600
}

.saLinkList.saMenuBoxWrapper .saUnread .saMenuItem::before {
	content: '';
	height: .5rem;
	min-width: .5rem;
	border-radius: .25rem;
	position: absolute;
	top: calc(50% - .25rem);
	left: .75rem;
	background: #5d237d
}

.saLinkList.saMenuBoxWrapper .saMenuItemWrapper:not(:first-child)::after {
	content: '';
	height: 1px;
	width: calc(100% - 1rem);
	position: absolute;
	top: 0;
	right: .5rem;
	background-color: #eef1f5
}

@media (pointer:fine) {

	.saLinkList.saMenuBoxWrapper .saMenuItemWrapper:hover+.saMenuItemWrapper::after,
	.saLinkList.saMenuBoxWrapper .saMenuItemWrapper:hover::after {
		opacity: 0
	}
}

.saLinkList.saMenuBoxWrapper .saMenuBox.saHasUnread .saMenuItemWrapper::after {
	width: calc(100% - 2.5rem)
}

.saLinkList.saMenuBoxWrapper .saMenuBox.saHasUnread .saMenuItem {
	padding-left: 2rem
}

.saLinkList.saMenuBoxWrapper .saMenuBox .saMenuItem {
	gap: .25rem;
	padding-right: 0;
	padding: .5rem;
	height: unset;
	flex-direction: column;
	justify-content: center;
	align-items: unset;
	cursor: pointer
}

@media (pointer:fine) {
	.saLinkList.saMenuBoxWrapper .saMenuBox .saMenuItem:hover .saLinkListRowLabel {
		color: #5d237d
	}
}

.saLinkList.saMenuBoxWrapper .saMenuBox .saMenuItem:active .saLinkListRowLabel {
	color: #5d237d
}

.saLinkList.saMenuBoxWrapper .saLinkListRowLabel {
	font-size: .75rem;
	line-height: .875rem;
	color: #60748b;
	transition: ease all .2s;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

.saLinkList.saMenuBoxWrapper .saLinkListRowHeading {
	display: flex;
	align-items: center;
	gap: .5rem
}

.saLinkList.saMenuBoxWrapper .saLinkListRowHeading span {
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.saLargeScreen .saLinkList .saMenuBox.saHasUnread .saMenuBoxHeading {
	padding-left: 2rem
}

.saSmallScreen .saMultiPartContainer .saLinkList.saMenuBoxWrapper {
	margin: 0
}

.saSmallScreen .saMultiPartContainer .saLinkList.saMenuBoxWrapper .saMenuBox {
	border: 0;
	padding: .5rem 0
}

.saSmallScreen .saMultiPartContainer .saLinkList.saMenuBoxWrapper .saMenuItem::after {
	width: 100%
}

.saSmallScreen .saMultiPartContent:has(.saMenuGroup) {
	padding: 0
}

.saSmallScreen .saMultiPartContent:has(.saMenuGroup) .saMenuBoxWrapper {
	margin: 0;
	gap: 0
}

.saSmallScreen .saMultiPartContent:has(.saMenuGroup) .saMenuBox {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-radius: 0
}

.saSmallScreen .saMultiPartContent:has(.saMenuGroup) .saMenuItem::after {
	width: calc(100% + 1rem);
	left: -.5rem
}

.saLinkCardsOuter {
	justify-content: center;
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 1.5rem
}

.saSmallScreen .saLinkCardsOuter {
	padding: 1rem
}

.saSmallScreen .saMultiPartContent .saLinkCardsOuter {
	padding: 0
}

.saLinkCardsOuter .saLinkCardsInner {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
	flex: 1;
	min-width: 0;
	width: 100%
}

.saLinkCardsOuter .saLinkCardsInner li {
	display: flex;
	flex: 1
}

.saLarge.saLinkCardsOuter .saLinkCardsInner li {
	min-width: 15rem;
	max-width: 27.5rem
}

.saMedium.saLinkCardsOuter .saLinkCardsInner li {
	min-width: 14.5rem;
	max-width: 21.5rem
}

.saSmall.saLinkCardsOuter .saLinkCardsInner li {
	min-width: 12.5rem;
	max-width: 16rem
}

.saLinkCardsOuter .saLinkCard {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #ccd5e2;
	border-radius: .5rem;
	position: relative;
	width: 100%;
	color: #333333;
	overflow: hidden;
	transition: ease .2s color, ease .2s background, ease .2s border, ease .2s border-radius;
	text-decoration: none;
	cursor: pointer
}

.saLinkCardsOuter .saLinkCard:hover .saLinkCardImage .saIcon {
	color: #fff
}

.saLinkCardsOuter .saLinkCard:hover .saLinkCardInner .saIcon {
	color: inherit
}

.saLinkCardsOuter .saLinkCard:hover .saLinkCardDescription {
	color: inherit
}

.saLinkCardsOuter .saLinkCard:active {
	border-radius: .75rem
}

.saSmall.saLinkCardsOuter .saLinkCard {
	flex-direction: row;
	box-sizing: border-box;
	align-items: start
}

.saLinkCardsOuter .saLinkCardInner {
	display: flex;
	flex-direction: column;
	gap: .25rem;
	position: relative;
	padding: 1rem;
	min-height: 2.5rem;
	flex: 1
}

.saLinkCardsOuter .saLinkCardInner .saBadgeCount {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	box-sizing: border-box;
	min-width: 1rem;
	color: #333333;
	background-color: #e5e2db;
	border-radius: .75rem;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem;
	transition: ease background-color .2s;
	white-space: nowrap;
	flex-shrink: 0
}

.saLinkCardsOuter .saLinkCardInner .saBadgeCount.saUrgent {
	color: #fff;
	background-color: #e0173e
}

.saSmall.saLinkCardsOuter .saLinkCardInner {
	padding: .5rem;
	justify-content: center;
	gap: 2px
}

.saLinkCardsOuter .saLinkCardImage {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background: #ccd5e2;
	transition: ease .2s color, ease .2s background, ease .2s border, ease .2s border-radius
}

.saLarge.saLinkCardsOuter .saLinkCardImage {
	height: 8rem;
	font-size: 4rem
}

.saLarge.saLinkCardsOuter .saLinkCardImage img {
	width: 4rem;
	height: 4rem
}

.saMedium.saLinkCardsOuter .saLinkCardImage {
	height: 5.5rem;
	font-size: 3rem
}

.saMedium.saLinkCardsOuter .saLinkCardImage img {
	width: 3rem;
	height: 3rem
}

.saSmall.saLinkCardsOuter .saLinkCardImage {
	height: 100%;
	width: 3.5rem;
	min-width: 3.5rem;
	font-size: 1.5rem
}

.saSmall.saLinkCardsOuter .saLinkCardImage img {
	width: 2.5rem;
	height: 2.5rem
}

.saLinkCardsOuter .saLinkCardTitle {
	display: flex;
	align-items: baseline;
	gap: .5rem;
	font-size: .875rem;
	line-height: 1rem;
	font-weight: 500;
	word-break: break-word
}

.saLinkCardsOuter .saLinkCardTitle .saIcon {
	color: #333333
}

.saLinkCardsOuter .saLinkCardDescription {
	font-size: .75rem;
	font-weight: 300;
	color: #60748b;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-word
}

.saSmall.saLinkCardsOuter .saLinkCardDescription {
	-webkit-line-clamp: none
}

@media screen and (max-width:448px) {
	.saLinkCardsOuter .saLinkCardsInner li {
		max-width: none !important;
		width: 100%
	}
}

.saMenuGroup .saMenuBoxWrapper .saFeatured .saMenuItem {
	height: 4rem;
	gap: 1rem;
	border-radius: .75rem
}

.saMenuGroup .saMenuBoxWrapper .saFeatured .saMenuItem:active {
	border-radius: 1rem
}

.saMenuGroup .saMenuBoxWrapper .saFeatured .saMenuItem:active .saIconHolderFeatured {
	border-radius: .75rem
}

.saMenuGroup .saMenuBoxWrapper .saFeatured .saIconHolderFeatured {
	border-radius: .5rem;
	height: 3rem;
	min-width: 3rem;
	display: flex;
	transition: border-radius .2s ease, background .2s ease, color .2s ease
}

.saMenuGroup .saMenuBoxWrapper .saFeatured .saIconHolderFeatured .saIcon {
	font-size: 1.5rem
}

.saMenuGroup .saMenuBoxWrapper .saFeatured .saIconHolderFeatured .saBadge {
	font-size: .75rem;
	height: .875rem;
	width: .875rem;
	min-width: .875rem;
	bottom: .375rem;
	right: .25rem
}

.saMenuGroup .saMenuBoxWrapper .saFeatured .saMenuItemText {
	display: flex;
	flex-direction: column;
	gap: 2px
}

.saMenuGroup .saMenuBoxWrapper .saFeatured .saMenuItemTextHeading {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
	gap: .5rem
}

.saMenuGroup .saMenuBoxWrapper .saFeatured .saMenuItemTextDesc {
	font-size: .75rem;
	line-height: 1.25;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: initial;
	word-wrap: initial;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #6a6a6a
}

.saMenuGroup .saMenuBoxWrapper .saFeatured1 .saMenuItem .saIconHolderFeatured {
	background: #f8e0ff
}

.saMenuGroup .saMenuBoxWrapper .saFeatured1 .saMenuItem .saIconHolderFeatured .saIcon {
	color: #5d237d
}

.saMenuGroup .saMenuBoxWrapper .saFeatured1 .saMenuItem .saIconHolderFeatured .saBadge {
	border-color: #f8e0ff;
	background: #5d237d;
	color: #f8e0ff
}

@media (pointer:fine) {
	.saMenuGroup .saMenuBoxWrapper .saFeatured1 .saMenuItem:hover {
		background: #f8e0ff
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured1 .saMenuItem:hover .saIconHolderFeatured {
		background: #5d237d
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured1 .saMenuItem:hover .saIconHolderFeatured .saIcon {
		color: #fff
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured1 .saMenuItem:hover .saIconHolderFeatured .saBadge {
		border-color: #5d237d;
		background: #fff;
		color: #5d237d
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured1 .saMenuItem:hover .saMenuItemTextDesc,
	.saMenuGroup .saMenuBoxWrapper .saFeatured1 .saMenuItem:hover .saMenuItemTextHeading {
		color: #5d237d
	}
}

.saMenuGroup .saMenuBoxWrapper .saFeatured1 .saMenuItem:active {
	background: #e5cbf7
}

.saMenuGroup .saMenuBoxWrapper .saFeatured2 .saMenuItem .saIconHolderFeatured {
	background: #f8e0ff
}

.saMenuGroup .saMenuBoxWrapper .saFeatured2 .saMenuItem .saIconHolderFeatured .saIcon {
	color: #5d237d
}

.saMenuGroup .saMenuBoxWrapper .saFeatured2 .saMenuItem .saIconHolderFeatured .saBadge {
	border-color: #f8e0ff;
	background: #5d237d;
	color: #f8e0ff
}

@media (pointer:fine) {
	.saMenuGroup .saMenuBoxWrapper .saFeatured2 .saMenuItem:hover {
		background: #f8e0ff
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured2 .saMenuItem:hover .saIconHolderFeatured {
		background: #5d237d
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured2 .saMenuItem:hover .saIconHolderFeatured .saIcon {
		color: #fff
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured2 .saMenuItem:hover .saIconHolderFeatured .saBadge {
		border-color: #5d237d;
		background: #fff;
		color: #5d237d
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured2 .saMenuItem:hover .saMenuItemTextDesc,
	.saMenuGroup .saMenuBoxWrapper .saFeatured2 .saMenuItem:hover .saMenuItemTextHeading {
		color: #5d237d
	}
}

.saMenuGroup .saMenuBoxWrapper .saFeatured2 .saMenuItem:active {
	background: #e5cbf7
}

.saMenuGroup .saMenuBoxWrapper .saFeatured3 .saMenuItem .saIconHolderFeatured {
	background: #f8e0ff
}

.saMenuGroup .saMenuBoxWrapper .saFeatured3 .saMenuItem .saIconHolderFeatured .saIcon {
	color: #5d237d
}

.saMenuGroup .saMenuBoxWrapper .saFeatured3 .saMenuItem .saIconHolderFeatured .saBadge {
	border-color: #f8e0ff;
	background: #5d237d;
	color: #f8e0ff
}

@media (pointer:fine) {
	.saMenuGroup .saMenuBoxWrapper .saFeatured3 .saMenuItem:hover {
		background: #f8e0ff
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured3 .saMenuItem:hover .saIconHolderFeatured {
		background: #5d237d
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured3 .saMenuItem:hover .saIconHolderFeatured .saIcon {
		color: #fff
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured3 .saMenuItem:hover .saIconHolderFeatured .saBadge {
		border-color: #5d237d;
		background: #fff;
		color: #5d237d
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured3 .saMenuItem:hover .saMenuItemTextDesc,
	.saMenuGroup .saMenuBoxWrapper .saFeatured3 .saMenuItem:hover .saMenuItemTextHeading {
		color: #5d237d
	}
}

.saMenuGroup .saMenuBoxWrapper .saFeatured3 .saMenuItem:active {
	background: #e5cbf7
}

.saMenuGroup .saMenuBoxWrapper .saFeatured4 .saMenuItem .saIconHolderFeatured {
	background: #f8e0ff
}

.saMenuGroup .saMenuBoxWrapper .saFeatured4 .saMenuItem .saIconHolderFeatured .saIcon {
	color: #5d237d
}

.saMenuGroup .saMenuBoxWrapper .saFeatured4 .saMenuItem .saIconHolderFeatured .saBadge {
	border-color: #f8e0ff;
	background: #5d237d;
	color: #f8e0ff
}

@media (pointer:fine) {
	.saMenuGroup .saMenuBoxWrapper .saFeatured4 .saMenuItem:hover {
		background: #f8e0ff
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured4 .saMenuItem:hover .saIconHolderFeatured {
		background: #5d237d
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured4 .saMenuItem:hover .saIconHolderFeatured .saIcon {
		color: #fff
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured4 .saMenuItem:hover .saIconHolderFeatured .saBadge {
		border-color: #5d237d;
		background: #fff;
		color: #5d237d
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured4 .saMenuItem:hover .saMenuItemTextDesc,
	.saMenuGroup .saMenuBoxWrapper .saFeatured4 .saMenuItem:hover .saMenuItemTextHeading {
		color: #5d237d
	}
}

.saMenuGroup .saMenuBoxWrapper .saFeatured4 .saMenuItem:active {
	background: #e5cbf7
}

.saMenuGroup .saMenuBoxWrapper .saFeatured5 .saMenuItem .saIconHolderFeatured {
	background: #f8e0ff
}

.saMenuGroup .saMenuBoxWrapper .saFeatured5 .saMenuItem .saIconHolderFeatured .saIcon {
	color: #5d237d
}

.saMenuGroup .saMenuBoxWrapper .saFeatured5 .saMenuItem .saIconHolderFeatured .saBadge {
	border-color: #f8e0ff;
	background: #5d237d;
	color: #f8e0ff
}

@media (pointer:fine) {
	.saMenuGroup .saMenuBoxWrapper .saFeatured5 .saMenuItem:hover {
		background: #f8e0ff
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured5 .saMenuItem:hover .saIconHolderFeatured {
		background: #5d237d
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured5 .saMenuItem:hover .saIconHolderFeatured .saIcon {
		color: #fff
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured5 .saMenuItem:hover .saIconHolderFeatured .saBadge {
		border-color: #5d237d;
		background: #fff;
		color: #5d237d
	}

	.saMenuGroup .saMenuBoxWrapper .saFeatured5 .saMenuItem:hover .saMenuItemTextDesc,
	.saMenuGroup .saMenuBoxWrapper .saFeatured5 .saMenuItem:hover .saMenuItemTextHeading {
		color: #5d237d
	}
}

.saMenuGroup .saMenuBoxWrapper .saFeatured5 .saMenuItem:active {
	background: #e5cbf7
}

.saCompact .saMenuGroup .saMenuBoxWrapper li.saMenuItemWrapper.saFeatured .saMenuItem {
	height: 3.5rem;
	padding-left: .25rem;
	gap: .5rem
}

.saCompact .saMenuGroup .saMenuBoxWrapper li.saMenuItemWrapper.saFeatured .saMenuItem .saIconHolderFeatured {
	height: 3rem;
	min-width: 3rem
}

.saCompact .saMenuGroup .saMenuBoxWrapper li.saMenuItemWrapper.saFeatured .saMenuItem .saIconHolderFeatured .saIcon {
	min-width: 1.625rem
}

.saCompact .saMenuGroup .saMenuBoxWrapper li.saMenuItemWrapper.saFeatured .saMenuItem .saIconHolderFeatured .saBadge {
	bottom: .375rem;
	right: .25rem
}

.saCompact .saMenuGroup .saMenuBoxWrapper .saFeatured .saMenuItemText {
	gap: 0
}

.saSmallScreen .saMenuGroup .saMenuBoxWrapper li.saMenuItemWrapper.saFeatured .saMenuItem {
	height: 3.5rem;
	padding-left: .25rem;
	gap: .5rem
}

.saMenuGroup .saMenuBoxDescription {
	font-size: .75rem;
	line-height: 1.25;
	color: #6a6a6a;
	padding: 0 .5rem
}

.saCompact .saMenuGroup .saMenuBoxDescription {
	padding: 0 .25rem
}

.saTimelineWrapper {
	display: flex;
	width: 100%;
	box-sizing: border-box
}

.saLargeScreen .saTimelineWrapper {
	padding-bottom: 1rem
}

.saTimelineWrapper * {
	box-sizing: border-box
}

.saTimeline {
	display: flex;
	flex-direction: row;
	gap: 2rem;
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 2px 0;
	display: grid;
	grid-auto-flow: row
}

.saSmallScreen .saTimeline {
	padding: 2px .5rem;
	gap: 0;
	grid-template-columns: repeat(auto-fit, minmax(2.75rem, 1fr))
}

.saLargeScreen .saTimeline.saSmall {
	grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr))
}

.saLargeScreen .saTimeline.saMedium {
	grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr))
}

.saLargeScreen .saTimeline.saLarge {
	grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr))
}

.saTimeline .saStep {
	position: relative
}

.saTimeline .saStep:not(:last-child)::before {
	content: '';
	height: 1px;
	width: calc(100% + 2rem);
	position: absolute;
	background-color: #ccd5e2;
	top: .75rem;
	left: 50%;
	z-index: -2
}

.saSmallScreen .saTimeline .saStep:not(:last-child)::before {
	top: 1.375rem;
	width: 100%
}

.saTimeline .saStepInner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .5rem;
	min-height: 1.5rem;
	color: #313a44;
	transition: ease background-color .2s, ease box-shadow .2s;
	cursor: default
}

.saTimeline .saStepInner .saStepIcon {
	color: #506072
}

.saSmallScreen .saTimeline .saStepInner {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.75rem;
	padding: 0
}

.saTimeline [aria-current=true] .saStepInner {
	color: #2d6ce1
}

.saTimeline [aria-current=true] .saStepInner .saStepIcon {
	background-color: #2d6ce1;
	color: #fff;
	border-color: transparent
}

.saTimeline [aria-current=true] .saStepInner .saStepDescription {
	color: #2d6ce1
}

.saTimeline .saComplete .saStepInner {
	color: #60748b
}

.saTimeline .saComplete .saStepInner .saStepIcon {
	background-color: #009b36;
	color: #fff;
	border-color: transparent
}

.saTimeline .saError .saStepInner {
	color: #e0173e
}

.saTimeline .saError .saStepInner .saStepDescription {
	color: currentColor
}

.saTimeline .saError .saStepInner .saStepIcon {
	background-color: #e0173e;
	color: #fff;
	border-color: transparent
}

.saTimeline .saWarning .saStepInner {
	color: #b67a00
}

.saTimeline .saWarning .saStepInner .saStepDescription {
	color: currentColor
}

.saTimeline .saWarning .saStepInner .saStepIcon {
	background-color: #b67a00;
	color: #fff;
	border-color: transparent
}

.saTimeline .saStep a.saStepInner {
	cursor: pointer
}

@media (pointer:fine) {
	.saTimeline .saStep a.saStepInner:hover {
		color: #5d237d
	}

	.saTimeline .saStep a.saStepInner:hover .saStepIcon {
		color: #ffffff;
		background-color: #5d237d;
		border-color: transparent
	}

	.saTimeline .saStep a.saStepInner:hover .saStepIcon .saIcon {
		transform: translateY(-1.5rem)
	}

	.saTimeline .saStep a.saStepInner:hover .saStepDescription,
	.saTimeline .saStep a.saStepInner:hover .saStepHeading .saIcon {
		color: currentColor
	}
}

.saTimeline .saStep a.saStepInner:focus-visible {
	color: #5d237d
}

.saTimeline .saStep a.saStepInner:focus-visible .saStepIcon {
	color: #ffffff;
	background-color: #5d237d;
	border-color: transparent
}

.saTimeline .saStep a.saStepInner:focus-visible .saStepIcon .saIcon {
	transform: translateY(-1.5rem)
}

.saTimeline .saStep a.saStepInner:focus-visible .saStepDescription,
.saTimeline .saStep a.saStepInner:focus-visible .saStepHeading .saIcon {
	color: currentColor
}

.saTimeline .saStep a.saStepInner:active {
	color: #50146e
}

.saTimeline .saStep a.saStepInner:active .saStepIcon {
	color: #ffffff;
	background-color: #50146e;
	border-color: transparent
}

.saTimeline .saStep a.saStepInner:active .saStepDescription,
.saTimeline .saStep a.saStepInner:active .saStepHeading .saIcon {
	color: currentColor
}

.saTimeline .saStepIcon {
	display: flex;
	flex-direction: column;
	height: 1.5rem;
	width: 1.5rem;
	min-width: 1.5rem;
	border: 1px solid #ccd5e2;
	background-color: #eef1f5;
	color: #506072;
	border-radius: 9999rem;
	font-size: .875rem;
	line-height: 1.5rem;
	text-align: center;
	transition: ease .2s background-color, ease .2s color, ease .2s border-color, ease .2s box-shadow;
	overflow: hidden;
	position: relative
}

.saTimeline .saStepIcon .saIcon {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1.5rem;
	width: 1.5rem;
	transition: ease .2s transform;
	position: absolute;
	top: -1px;
	left: -1px
}

.saTimeline .saStepIcon .saIcon.fa-arrow-up-right {
	top: 1.5rem
}

.saTimeline .saStepIcon.saIcon {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 1.5rem;
	transition: ease .2s transform
}

.saTimeline .saStepText {
	text-align: center;
	gap: .25rem;
	font-size: .875rem;
	padding-bottom: 2px;
	max-width: 17rem;
	overflow-wrap: anywhere
}

.saSmallScreen .saTimeline .saStepText {
	display: none
}

.saTimeline .saStepText .saIcon {
	font-size: .75rem;
	padding-left: .25rem;
	color: #333333
}

.saTimeline .saStepHeading {
	font-weight: 500;
	font-size: .875rem;
	line-height: 1rem;
	transition: ease color .2s
}

.saTimeline .saStepDescription {
	font-size: .75rem;
	line-height: 1;
	color: #60748b;
	margin-top: .25rem;
	transition: ease color .2s
}

.saMagicBox {
	position: relative;
	display: flex;
	color: #333333
}

.saMagicBox .saBoxGrid {
	display: grid
}

.saMagicBox .saBoxRow {
	border: 1px transparent;
	border-top-style: solid;
	border-bottom-style: solid;
	max-width: 6.25rem
}

.saMagicBox .saBoxRowLabel {
	margin-right: 1rem
}

.saMagicBox .saBoxRowsLabel {
	text-align: center;
	writing-mode: tb-rl
}

.saMagicBox .saBoxColumn {
	border: 1px transparent;
	border-left-style: solid;
	border-right-style: solid
}

.saMagicBox .saBoxColumnLabel {
	text-align: center;
	margin-bottom: 2px
}

.saMagicBox .saBoxColumnsLabel {
	text-align: center;
	grid-column: 1/-1
}

.saMagicBox .saContainersWrapper {
	display: flex
}

.saMagicBox .saBoxContainer {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	border: 1px solid #ccd5e2;
	overflow: clip
}

.saMagicBox .saBoxContainerHeading {
	padding: 2px
}

.saMagicBox .saContainerStripesWrapper {
	position: relative;
	height: 0
}

.saMagicBox .saContainerStripe {
	position: absolute;
	width: auto;
	margin: 0;
	left: 0;
	right: 0
}

.saMagicBox.saBottomToTop .saBoxesWrapper {
	flex-direction: column-reverse
}

.saMagicBox .saBoxesWrapper {
	flex-grow: 1;
	display: flex;
	flex-direction: column
}

.saMagicBox .saBox {
	border: 1px solid;
	box-sizing: border-box;
	padding: 2px;
	overflow: clip;
	background-color: #fff;
	margin: 0 .25rem;
	z-index: 1
}

.saMagicBox .saBox.saDragged,
.saMagicBox .saBox.saSelected {
	background-color: #87ceeb
}

.saMagicBox .saBoxContainer.saDropOn {
	outline: .1875rem solid #313a44;
	z-index: 2
}

.saMagicBox .saBox.saDropAbove {
	border-top: .1875rem solid #313a44;
	padding-top: 0
}

.saMagicBox .saBox.saDropBelow {
	border-bottom: .1875rem solid #313a44;
	padding-bottom: 0
}

.saMagicBox .saButtonRow {
	display: flex;
	flex-direction: row;
	background: #fff
}

.saMagicBox .saBoxContainer .saButtonRow {
	border-bottom: 1px solid #60748b
}

.saMagicBox .saBoxLink {
	color: #5d237d;
	background: 0 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saMagicBox .saBoxLink .saIcon {
	color: #333333
}

.saMagicBox .saBoxLink.saDestructive {
	color: #dd1f26
}

.saMagicBox .saBoxLink.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saMagicBox .saBoxLink.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saMagicBox .saBoxLink.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saMagicBox .saBoxLink.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saMagicBox .saBoxLink.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saMagicBox .saBoxLink:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saMagicBox .saBoxLink:hover .saIcon {
		color: #5d237d
	}
}

.saMagicBox .saBoxLink:active {
	background-color: #f6deff;
	color: #50146e
}

.saMagicBox .saBoxLink:active .saIcon {
	color: #50146e
}

.saMagicBox .saBoxLink.saDisabled,
.saMagicBox .saBoxLink:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saMagicBox .saBoxLink.saDisabled .saIcon,
.saMagicBox .saBoxLink:disabled .saIcon {
	color: #adbdd1
}

.saMagicBox .saBoxLink:active {
	border-radius: .75rem
}

.saMessageBanners {
	box-sizing: border-box;
	z-index: 1;
	overflow: auto;
	max-height: 6rem
}

.saMessageBanners * {
	box-sizing: border-box
}

.saLogin .saMessageBanners {
	position: fixed;
	display: flex;
	flex-direction: column
}

.saLogin .saMessageBanners .saMessageBanner {
	width: 100vw
}

.saMessageBanner {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	top: 0;
	right: 0;
	height: 2rem;
	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 600;
	z-index: 9998;
	white-space: nowrap;
	left: 0;
	width: 100%
}

.saMessageBanner .saCloseButton {
	background-color: inherit;
	color: inherit
}

.saMessageBanner .saIcon {
	color: inherit
}

.saMessageBanner.saInformational {
	background-color: #1c57c6;
	color: #f7faff
}

.saMessageBanner.saWarning {
	background-color: #f6ad00;
	color: #513200
}

.saMessageBanner.saError {
	background-color: #e0173e;
	color: #fff7f7
}

.saMessageBanner.saSuccess {
	background-color: #008429;
	color: #f2fcf2
}

.saMessageBanner .saBannerMessageWrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 2rem;
	overflow: hidden
}

@media (pointer:fine) {
	.saMessageBanner .saBannerMessageWrapper:hover .saAnimated {
		animation-play-state: paused
	}
}

.saMessageBanner .saBannerMessage {
	display: flex;
	gap: .5rem;
	align-items: center;
	justify-content: center;
	height: 2rem
}

.saMessageBanner .saBannerMessage.saAnimated {
	justify-content: flex-start;
	text-align: left;
	animation: marquee ease-out infinite alternate
}

.saMessageBanner.saFadeOut {
	animation: 2s ease marquee-out forwards
}

.saMessageBanner.saFadeIn {
	animation: 2s ease marquee-in forwards
}

@keyframes marquee {
	from {
		transform: translateX(50%)
	}

	to {
		transform: translateX(-50%)
	}
}

@keyframes marquee-in {
	0% {
		opacity: 0;
		display: none;
		height: 0
	}

	100% {
		opacity: 1;
		display: flex;
		height: 2rem
	}
}

@keyframes marquee-out {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		display: none;
		height: 0
	}
}

.saMessageBanner .saIcon {
	font-size: 1rem
}

.saMessageBanner .saCloseButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem;
	position: relative;
	margin-left: auto;
	background: 0 0;
	z-index: 1;
	border-radius: 0
}

.saMessageBanner .saCloseButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saMessageBanner .saCloseButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saMessageBanner .saCloseButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saMessageBanner .saCloseButton:active {
	border-radius: .75rem
}

@media (pointer:fine) {
	.saMessageBanner .saCloseButton:hover {
		background: #e0173e
	}

	.saMessageBanner .saCloseButton:hover .saIcon {
		color: #fff
	}

	.saError.saMessageBanner .saCloseButton:hover {
		background: #bf0024
	}
}

.saMessageBanner .saCloseButton:active {
	background: #bf0024
}

.saMessageBanner .saCloseButton:active .saIcon {
	color: #fff
}

.saError.saMessageBanner .saCloseButton:active {
	background: #9b0002
}

.saContextMenu .saActionLinkList {
	display: flex;
	flex-direction: column
}

.saSmallScreen .saSmallScreenMenu {
	display: flex;
	height: fit-content;
	width: 100%
}

.saSmallScreen .saSmallScreenMenu .saContextMenu {
	border: none;
	box-shadow: none;
	position: relative;
	height: fit-content
}

.saSmallScreen .saSmallScreenMenu .saContextMenu .saBadgeCount {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	box-sizing: border-box;
	min-width: 1rem;
	color: #333333;
	background-color: #e5e2db;
	border-radius: .75rem;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem;
	transition: ease background-color .2s;
	white-space: nowrap;
	flex-shrink: 0
}

.saSmallScreen .saSmallScreenMenu .saContextMenu .saBadgeCount.saUrgent {
	color: #fff;
	background-color: #e0173e
}

.saSmallScreen .saSmallScreenMenu .saBadge {
	height: .875rem;
	min-width: .875rem;
	font-size: .625rem;
	right: -.25rem;
	bottom: -.25rem;
	z-index: 2
}

softadmin-nodegraph {
	position: relative;
	display: block;
	background: #f8f9fb;
	background-image: radial-gradient(circle at .5rem .5rem, #ccd5e2 1px, transparent 0);
	background-size: 1rem 1rem;
	background-position: .5rem .5rem;
	overflow: hidden;
	min-width: 100%;
	min-height: calc(100vh - 7rem - 3rem);
	box-shadow: inset #f8f9fb 0 0 0 1px;
	border-radius: .5rem
}

softadmin-nodegraph * {
	box-sizing: border-box
}

softadmin-nodegraph.saHasLinks {
	cursor: pointer
}

.saCompact softadmin-nodegraph {
	min-height: calc(100vh - 6rem - 3rem)
}

softadmin-nodegraph .saNode {
	position: absolute;
	min-width: 13rem;
	min-height: 3rem;
	max-width: 18rem;
	background-color: #fff;
	z-index: 3;
	border: 1px solid #adbdd1;
	border-radius: .75rem;
	background: #fff;
	color: #333333;
	font-size: .875rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center
}

softadmin-nodegraph .saNode:hover {
	box-shadow: 0 0 0 1px #5d237d;
	border-color: #5d237d !important
}

softadmin-nodegraph .saNode:hover .saCreateConnection {
	opacity: 1;
	transition: ease .1s opacity
}

softadmin-nodegraph .saNode.saComment,
softadmin-nodegraph .saNode.saDecision,
softadmin-nodegraph .saNode.saEnd,
softadmin-nodegraph .saNode.saInput,
softadmin-nodegraph .saNode.saOutput,
softadmin-nodegraph .saNode.saProcess,
softadmin-nodegraph .saNode.saStart,
softadmin-nodegraph .saNode.saSubroutine {
	border-radius: .25rem;
	min-height: 4rem;
	max-height: 4rem;
	text-align: center;
	justify-content: center;
	width: 18rem;
	box-sizing: border-box;
	transition: ease transform .2s, ease border-radius .2s
}

softadmin-nodegraph .saNode.saComment .saNodeContent,
softadmin-nodegraph .saNode.saComment .saNodeHead,
softadmin-nodegraph .saNode.saDecision .saNodeContent,
softadmin-nodegraph .saNode.saDecision .saNodeHead,
softadmin-nodegraph .saNode.saEnd .saNodeContent,
softadmin-nodegraph .saNode.saEnd .saNodeHead,
softadmin-nodegraph .saNode.saInput .saNodeContent,
softadmin-nodegraph .saNode.saInput .saNodeHead,
softadmin-nodegraph .saNode.saOutput .saNodeContent,
softadmin-nodegraph .saNode.saOutput .saNodeHead,
softadmin-nodegraph .saNode.saProcess .saNodeContent,
softadmin-nodegraph .saNode.saProcess .saNodeHead,
softadmin-nodegraph .saNode.saStart .saNodeContent,
softadmin-nodegraph .saNode.saStart .saNodeHead,
softadmin-nodegraph .saNode.saSubroutine .saNodeContent,
softadmin-nodegraph .saNode.saSubroutine .saNodeHead {
	padding: .5rem .75rem
}

softadmin-nodegraph .saNode.saComment .saNodeHead,
softadmin-nodegraph .saNode.saDecision .saNodeHead,
softadmin-nodegraph .saNode.saEnd .saNodeHead,
softadmin-nodegraph .saNode.saInput .saNodeHead,
softadmin-nodegraph .saNode.saOutput .saNodeHead,
softadmin-nodegraph .saNode.saProcess .saNodeHead,
softadmin-nodegraph .saNode.saStart .saNodeHead,
softadmin-nodegraph .saNode.saSubroutine .saNodeHead {
	align-items: center;
	justify-content: center
}

softadmin-nodegraph .saNode.saComment .saNodeTitle,
softadmin-nodegraph .saNode.saDecision .saNodeTitle,
softadmin-nodegraph .saNode.saEnd .saNodeTitle,
softadmin-nodegraph .saNode.saInput .saNodeTitle,
softadmin-nodegraph .saNode.saOutput .saNodeTitle,
softadmin-nodegraph .saNode.saProcess .saNodeTitle,
softadmin-nodegraph .saNode.saStart .saNodeTitle,
softadmin-nodegraph .saNode.saSubroutine .saNodeTitle {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-wrap: wrap
}

softadmin-nodegraph .saNode.saComment .saNodeTitle:only-child,
softadmin-nodegraph .saNode.saDecision .saNodeTitle:only-child,
softadmin-nodegraph .saNode.saEnd .saNodeTitle:only-child,
softadmin-nodegraph .saNode.saInput .saNodeTitle:only-child,
softadmin-nodegraph .saNode.saOutput .saNodeTitle:only-child,
softadmin-nodegraph .saNode.saProcess .saNodeTitle:only-child,
softadmin-nodegraph .saNode.saStart .saNodeTitle:only-child,
softadmin-nodegraph .saNode.saSubroutine .saNodeTitle:only-child {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-wrap: wrap
}

softadmin-nodegraph .saNode.saDecision {
	display: flex;
	justify-content: center;
	align-items: center;
	border-color: #f6ad00;
	background-color: #ffecb7;
	min-width: 10.625rem;
	width: 10.625rem;
	max-height: unset;
	height: unset;
	aspect-ratio: 1/1;
	transform: translate(3.6875rem, -3.3125rem) rotate(-45deg) skew(10deg, 10deg)
}

softadmin-nodegraph .saNode.saDecision .saNodeHead {
	width: calc(100% + 3rem);
	transform: skew(-10deg, -10deg) rotate(45deg)
}

softadmin-nodegraph .saNode.saDecision .saNodeTools {
	top: -2.5rem;
	right: 6rem
}

softadmin-nodegraph .saNode.saDecision .saCreateConnection {
	width: 1.5rem;
	height: 1.5rem;
	transform: skew(-10deg, -10deg) rotate(45deg);
	top: unset;
	right: unset;
	bottom: unset;
	left: unset
}

softadmin-nodegraph .saNode.saDecision .saCreateConnection .saCreateConnectionIndicator {
	inset: 0
}

softadmin-nodegraph .saNode.saDecision .saCreateConnectionTop {
	top: -.75rem;
	right: -.75rem
}

softadmin-nodegraph .saNode.saDecision .saCreateConnectionRight {
	bottom: -.75rem;
	right: -.75rem
}

softadmin-nodegraph .saNode.saDecision .saCreateConnectionBottom {
	top: -.75rem;
	left: -.75rem
}

softadmin-nodegraph .saNode.saDecision .saCreateConnectionLeft {
	bottom: -.75rem;
	left: -.75rem
}

softadmin-nodegraph .saNode.saSubroutine {
	border-color: #8b4af1;
	background-color: #f0ebff
}

softadmin-nodegraph .saNode.saSubroutine::after {
	content: "";
	height: 100%;
	width: calc(100% - 1rem);
	border-left: inherit;
	border-right: inherit;
	position: absolute;
	top: 0;
	left: .5rem;
	pointer-events: none
}

softadmin-nodegraph .saNode.saSubroutine .saNodeContent,
softadmin-nodegraph .saNode.saSubroutine .saNodeHead {
	padding: .5rem 1rem
}

softadmin-nodegraph .saNode.saSubroutine .saNodeTools {
	right: .75rem
}

softadmin-nodegraph .saNode.saProcess {
	border-radius: .25rem;
	border-color: #5d237d;
	background-color: #f6deff
}

softadmin-nodegraph .saNode.saInput,
softadmin-nodegraph .saNode.saOutput {
	transform: skew(-20deg);
	border-color: #49b0ca;
	background-color: #c4f7ff
}

softadmin-nodegraph .saNode.saInput .saNodeContent,
softadmin-nodegraph .saNode.saInput .saNodeHead,
softadmin-nodegraph .saNode.saOutput .saNodeContent,
softadmin-nodegraph .saNode.saOutput .saNodeHead {
	transform: skew(20deg)
}

softadmin-nodegraph .saNode.saInput .saNodeTools,
softadmin-nodegraph .saNode.saOutput .saNodeTools {
	top: -.25rem
}

softadmin-nodegraph .saNode.saInput .saCreateConnection:hover .saCreateConnectionIndicator,
softadmin-nodegraph .saNode.saOutput .saCreateConnection:hover .saCreateConnectionIndicator {
	transform: skew(20deg) scale(1.5)
}

softadmin-nodegraph .saNode.saInput .saCreateConnectionIndicator,
softadmin-nodegraph .saNode.saOutput .saCreateConnectionIndicator {
	transform: skew(20deg)
}

softadmin-nodegraph .saNode.saEnd,
softadmin-nodegraph .saNode.saStart {
	background-color: #ffeada;
	border-color: #ee894d;
	border-radius: 62.4375rem
}

softadmin-nodegraph .saNode.saEnd .saNodeContent,
softadmin-nodegraph .saNode.saEnd .saNodeHead,
softadmin-nodegraph .saNode.saStart .saNodeContent,
softadmin-nodegraph .saNode.saStart .saNodeHead {
	padding: .5rem 1rem
}

softadmin-nodegraph .saNode.saEnd .saNodeTools,
softadmin-nodegraph .saNode.saStart .saNodeTools {
	right: 1rem
}

softadmin-nodegraph .saNode.saComment {
	background-color: #f8f9fb;
	border-style: hidden;
	border-radius: 2px;
	width: fit-content;
	height: fit-content;
	max-height: unset;
	background-image: repeating-linear-gradient(0deg, #8fa5c0, #8fa5c0 1rem, transparent 1rem, transparent 1.5rem, #8fa5c0 1.5rem), repeating-linear-gradient(90deg, #8fa5c0, #8fa5c0 1rem, transparent 1rem, transparent 1.5rem, #8fa5c0 1.5rem), repeating-linear-gradient(180deg, #8fa5c0, #8fa5c0 1rem, transparent 1rem, transparent 1.5rem, #8fa5c0 1.5rem), repeating-linear-gradient(270deg, #8fa5c0, #8fa5c0 1rem, transparent 1rem, transparent 1.5rem, #8fa5c0 1.5rem);
	background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;
	background-position: 0 0, 0 0, 100% 0, 0 100%;
	background-repeat: no-repeat
}

softadmin-nodegraph .saNode.saComment.saSelected,
softadmin-nodegraph .saNode.saComment.saTempSelected,
softadmin-nodegraph .saNode.saComment:hover {
	background-image: repeating-linear-gradient(0deg, #5d237d, #5d237d 1rem, transparent 1rem, transparent 1.5rem, #5d237d 1.5rem), repeating-linear-gradient(90deg, #5d237d, #5d237d 1rem, transparent 1rem, transparent 1.5rem, #5d237d 1.5rem), repeating-linear-gradient(180deg, #5d237d, #5d237d 1rem, transparent 1rem, transparent 1.5rem, #5d237d 1.5rem), repeating-linear-gradient(270deg, #5d237d, #5d237d 1rem, transparent 1rem, transparent 1.5rem, #5d237d 1.5rem)
}

softadmin-nodegraph .saNode.saComment .saNodeHead {
	padding: .5rem
}

softadmin-nodegraph .saNode.saComment .saNodeContent {
	background: unset;
	border-radius: unset;
	padding-top: 0;
	border: none;
	text-align: left
}

softadmin-nodegraph .saNode.saCanDrag {
	cursor: grab
}

softadmin-nodegraph .saNode.saSelected,
softadmin-nodegraph .saNode.saTempSelected {
	box-shadow: 0 0 0 1px #5d237d;
	border-color: #5d237d !important;
	z-index: 5
}

softadmin-nodegraph .saNode.saSelected.saExpanded,
softadmin-nodegraph .saNode.saTempSelected.saExpanded {
	z-index: 6
}

softadmin-nodegraph .saNode.saExpanded {
	z-index: 4;
	height: fit-content
}

softadmin-nodegraph .saNode.saExpanded .saNodeHead {
	border-radius: .6875rem .6875rem 0 0;
	height: fit-content
}

softadmin-nodegraph .saNode.saExpanded .saNodeTitleWrapper {
	text-wrap: wrap;
	max-width: 38rem
}

softadmin-nodegraph .saNode.saExpanded .saNodeTitle {
	display: block
}

softadmin-nodegraph .saNode.saExpanded .saNodeContent {
	display: flex
}

softadmin-nodegraph .saNode.saExpanded.saHtmlContent {
	max-width: 38rem
}

softadmin-nodegraph .saNode.saExpanded.saTextContent {
	max-width: 38rem
}

softadmin-nodegraph .saNode.saExpanded.saTableContent {
	max-width: fit-content
}

softadmin-nodegraph .saNode .saNodeTable tr td,
softadmin-nodegraph .saNode .saNodeTable tr th {
	max-width: 18rem
}

@media (pointer:fine) {
	softadmin-nodegraph:not(.saIsDragging) .saConnectionWrapper:hover .saConnection {
		z-index: 7;
		fill: #5d237d;
		stroke: #5d237d;
		stroke-width: .25rem
	}

	softadmin-nodegraph:not(.saIsDragging) .saConnectionWrapper:hover .saConnection marker path,
	softadmin-nodegraph:not(.saIsDragging) .saConnectionWrapper:hover .saConnection marker polygon {
		fill: #5d237d;
		stroke: #5d237d
	}

	softadmin-nodegraph:not(.saIsDragging) .saConnectionWrapper:hover .saHitIndicator {
		stroke: #5d237d;
		stroke-width: .25rem
	}

	softadmin-nodegraph:not(.saIsDragging) .saConnectionWrapper:hover .saConnectionLabel {
		color: #5d237d !important;
		border: 2px solid #5d237d !important;
		background-color: #f6deff !important;
		z-index: 8
	}
}

softadmin-nodegraph .saNodeGroup {
	position: absolute;
	display: flex;
	justify-content: flex-start;
	gap: .5rem;
	outline-style: dashed;
	outline-width: 2px;
	outline-color: #9e65ff;
	outline-offset: -3px;
	background-color: rgba(221, 204, 255, .1);
	border-radius: 1.5rem;
	z-index: 0;
	padding: 1rem
}

softadmin-nodegraph .saNodeGroup .saNodeTools {
	position: unset
}

softadmin-nodegraph .saNodeGroup .saNodeTools:has(.open),
softadmin-nodegraph .saNodeGroup:hover .saNodeTools {
	display: flex
}

softadmin-nodegraph .saNodeGroup.saSelected {
	outline-style: solid;
	outline-width: 3px
}

softadmin-nodegraph .saNodeGroupTitle {
	display: flex;
	align-items: center;
	padding: 0 .5rem;
	border-radius: .5rem;
	background-color: #8b4af1;
	color: #fff;
	height: 1.5rem;
	font-size: .75rem;
	line-height: .75rem;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: clip
}

softadmin-nodegraph .saConnection {
	position: absolute;
	z-index: 1;
	pointer-events: none;
	fill: #7088a4;
	stroke: #7088a4
}

softadmin-nodegraph .saConnection polyline {
	stroke-width: 2px
}

softadmin-nodegraph .saConnection polyline.saHitIndicator,
softadmin-nodegraph .saConnection polyline.saHitZone {
	stroke: transparent
}

softadmin-nodegraph .saConnection polyline.saHitZone {
	stroke-width: 1rem;
	pointer-events: stroke
}

softadmin-nodegraph .saConnectionLabel {
	position: absolute;
	z-index: 2;
	font-size: .625rem;
	line-height: .75rem;
	transform: translate(-50%, -50%);
	padding: 2px .25rem 2px .25rem;
	border-radius: .25rem;
	border: 1px solid #7088a4;
	background: #eef1f5;
	color: #404c5b;
	max-width: 30rem;
	min-width: 2.5rem;
	text-align: center;
	overflow-wrap: anywhere
}

softadmin-nodegraph .saConnectionLabel.saCanDrag {
	cursor: grab
}

softadmin-nodegraph .saNodeHead {
	padding: .4375rem;
	display: flex;
	flex-direction: row;
	gap: .5rem;
	border-radius: .6875rem;
	width: 100%
}

softadmin-nodegraph .saNodeHead:not(:has(.saNodeIcon)) {
	padding: .4375rem .6875rem
}

softadmin-nodegraph .saNodeHead:not(:has(.saNodeIcon))+.saNodeContent {
	padding: .4375rem .6875rem
}

softadmin-nodegraph .saNodeIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2rem;
	width: 2rem;
	min-width: 2rem;
	font-size: 1.25rem;
	text-align: center;
	border-radius: .5rem;
	background-color: #60748b
}

softadmin-nodegraph .saNodeTitleWrapper {
	flex-grow: 1;
	flex-shrink: 1;
	text-wrap: wrap;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 1.5rem;
	word-wrap: break-word
}

softadmin-nodegraph .saNodeTitle {
	font-size: .875rem;
	line-height: 1rem;
	font-weight: 500;
	text-wrap: wrap
}

softadmin-nodegraph .saNode.saExpanded .saNodeTitle {
	display: block
}

softadmin-nodegraph .saNode.saExpanded .saNodeTitle:only-child {
	display: block
}

softadmin-nodegraph .saNodeSubtitle {
	font-size: .75rem;
	line-height: .875rem;
	color: #506072;
	text-overflow: ellipsis;
	overflow: hidden;
	height: .875rem
}

softadmin-nodegraph .saExpanded .saNodeSubtitle {
	height: unset
}

softadmin-nodegraph .saNodeTools {
	position: absolute;
	top: .25rem;
	right: .25rem;
	display: none
}

softadmin-nodegraph .saNodeTools button {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	gap: .5rem;
	height: 1.5rem;
	padding: .5rem;
	font-size: .75rem;
	border-radius: .25rem;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333;
	position: relative;
	width: 1.5rem;
	left: -.5rem;
	color: #333333
}

softadmin-nodegraph .saNodeTools button .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

softadmin-nodegraph .saNodeTools button .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

softadmin-nodegraph .saNodeTools button .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

softadmin-nodegraph .saNodeTools button:active {
	border-radius: .75rem
}

softadmin-nodegraph .saNodeTools button .saIcon {
	color: #333333
}

softadmin-nodegraph .saNodeTools button .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	softadmin-nodegraph .saNodeTools button:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	softadmin-nodegraph .saNodeTools button:hover .saIcon {
		color: #5d237d
	}

	softadmin-nodegraph .saNodeTools button:hover .saBadge {
		background-color: #5d237d
	}
}

softadmin-nodegraph .saNodeTools button:active {
	background: #f6deff
}

softadmin-nodegraph .saNodeTools button:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

softadmin-nodegraph .saNodeTools button.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

softadmin-nodegraph .saNodeTools button.saDestructive .saIcon {
	color: #dd1f26
}

softadmin-nodegraph .saNodeTools button.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	softadmin-nodegraph .saNodeTools button.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	softadmin-nodegraph .saNodeTools button.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	softadmin-nodegraph .saNodeTools button.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

softadmin-nodegraph .saNodeTools button.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

softadmin-nodegraph .saNodeTools button.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

softadmin-nodegraph .saNodeTools button.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

softadmin-nodegraph .saNodeTools button::after {
	content: "";
	position: absolute;
	height: 2rem;
	width: 2rem;
	opacity: 0
}

softadmin-nodegraph .saNodeTools :last-child {
	left: 0
}

softadmin-nodegraph .saNode:not(.saDragged) .saNodeTools:has(.open) {
	display: flex
}

softadmin-nodegraph .saNode:not(.saDragged):hover .saNodeTools {
	display: flex
}

softadmin-nodegraph .saNode.saExpanded .saExpandButton i {
	transform: rotate(180deg)
}

softadmin-nodegraph .saNodeContent {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: inherit;
	padding: .4375rem;
	display: none;
	background: #fff;
	width: 100%;
	border-radius: 0 0 .6875rem .6875rem;
	flex-direction: column
}

softadmin-nodegraph .saNodeContent img {
	max-width: 36.875rem
}

softadmin-nodegraph .saNodeTable {
	min-width: 100%;
	background: #fff;
	border-radius: 0 0 .6875rem .6875rem
}

.saCompact softadmin-nodegraph .saNodeTable {
	font-size: .75rem
}

softadmin-nodegraph .saNodeTable tr {
	min-height: 1.5rem
}

softadmin-nodegraph .saNodeTable th {
	font-weight: 500;
	text-align: left;
	vertical-align: bottom
}

softadmin-nodegraph .saNodeTable td,
softadmin-nodegraph .saNodeTable th {
	height: 1.5rem;
	overflow-wrap: break-word
}

softadmin-nodegraph .saNodeTable td.center,
softadmin-nodegraph .saNodeTable th.center {
	text-align: center
}

softadmin-nodegraph .saNodeTable td.right,
softadmin-nodegraph .saNodeTable th.right {
	text-align: right
}

softadmin-nodegraph .saNodeTable td:not(:last-child),
softadmin-nodegraph .saNodeTable th:not(:last-child) {
	padding-right: .5rem
}

softadmin-nodegraph .saCreateConnection {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: copy;
	opacity: 0;
	transition: ease .1s opacity
}

softadmin-nodegraph .saCreateConnection:hover {
	opacity: 1
}

softadmin-nodegraph .saCreateConnection:hover .saCreateConnectionIndicator {
	background-color: #9971b4;
	transform: scale(1.5)
}

softadmin-nodegraph .saCreateConnection .saCreateConnectionIndicator {
	width: .75rem;
	height: .75rem;
	border-radius: .75rem;
	background-color: #f6deff;
	border: 1px solid #5d237d;
	position: relative;
	transition: ease .1s background-color, ease transform .1s
}

softadmin-nodegraph .saCreateConnectionBottom,
softadmin-nodegraph .saCreateConnectionTop {
	width: 2rem;
	height: 1rem;
	left: 50%;
	transform: translateX(-50%)
}

softadmin-nodegraph .saCreateConnectionTop {
	top: -1rem
}

softadmin-nodegraph .saCreateConnectionTop .saCreateConnectionIndicator {
	top: .4375rem
}

softadmin-nodegraph .saCreateConnectionBottom {
	bottom: -1rem
}

softadmin-nodegraph .saCreateConnectionBottom .saCreateConnectionIndicator {
	bottom: .4375rem
}

softadmin-nodegraph .saCreateConnectionLeft,
softadmin-nodegraph .saCreateConnectionRight {
	height: 2rem;
	width: 1rem;
	top: 50%;
	transform: translateY(-50%)
}

softadmin-nodegraph .saCreateConnectionRight {
	right: -1rem
}

softadmin-nodegraph .saCreateConnectionRight .saCreateConnectionIndicator {
	right: .4375rem
}

softadmin-nodegraph .saCreateConnectionLeft {
	left: -1rem
}

softadmin-nodegraph .saCreateConnectionLeft .saCreateConnectionIndicator {
	left: .4375rem
}

softadmin-nodegraph .saConnectionBeingCreated {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 98
}

softadmin-nodegraph .saConnectionBeingCreated line {
	stroke: #5d237d;
	stroke-width: .1875rem
}

softadmin-nodegraph .saConnectionBeingCreated.saHasTarget line {
	stroke: #5d237d;
	stroke-width: .3125rem
}

softadmin-nodegraph .saNode.saCreateConnectionFrom {
	box-shadow: 0 0 0 1px #5d237d, 0 0 0 .25rem #b496c9;
	border-color: #5d237d !important;
	cursor: copy
}

softadmin-nodegraph .saNode.saCreateConnectionTo {
	box-shadow: 0 0 0 1px #5d237d, 0 0 0 .25rem #b496c9;
	border-color: #5d237d !important;
	cursor: copy
}

softadmin-nodegraph .saDragged {
	z-index: 99
}

.saSelectionRect {
	position: absolute;
	background: rgba(#5d237d, .2);
	box-shadow: inset 0 0 0 1px #5d237d;
	pointer-events: none;
	z-index: 90
}

.saMultiPartContent .saIFrameTabs .saTabViewInner {
	margin-right: 0
}

.saIFrameTabs .saContextMenuWrapper {
	position: relative
}

.saIFrameTabs .saContextMenuWrapper .saContextMenu {
	position: absolute;
	overflow-x: hidden
}

.saIFrameTabs .saContextMenuWrapper .saContextMenuItem {
	max-width: 25rem
}

.saSmallScreen .saIFrameTabs .saContextMenuWrapper .saContextMenuItem {
	max-width: 90vw
}

.saIFrameTabs .saContextMenuWrapper .saButtonText {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left
}

.saIFrameTabs .saTabGroup {
	display: flex;
	position: relative;
	flex-direction: row;
	align-self: flex-start;
	flex: 1;
	width: 100%;
	z-index: 2
}

.saIFrameTabs .saTabGroup * {
	box-sizing: border-box
}

.saIFrameTabs .saTabGroup a {
	text-decoration: none
}

.saIFrameTabs .saTabGroup a>span:first-child {
	display: flex;
	align-items: center;
	justify-content: center
}

.saIFrameTabs .saTabGroup::after {
	content: '';
	height: 1px;
	width: 100%;
	background: #ccd5e2;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1
}

.saIFrameTabs .saTabGroup>div {
	display: flex
}

.saIFrameTabs .saTabGroup div:first-child .saTab {
	border-left: 1px solid #ccd5e2;
	border-radius: .25rem 0 0 0
}

.saIFrameTabs .saTabGroup div:last-child .saTab {
	border-radius: 0 .25rem 0 0
}

.saIFrameTabs .saTabGroup div:only-child .saTab {
	border-radius: .25rem .25rem 0 0
}

.saIFrameTabs .saTab {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: #313a44;
	background: #f8f9fb;
	border-color: #eef1f5;
	z-index: 0;
	border: 1px solid #ccd5e2;
	border-left: none;
	font-size: .875rem;
	padding: 0 1rem;
	height: 2.5rem;
	max-width: 32ch;
	gap: .5rem;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saCompact .saIFrameTabs .saTab {
	padding: 0 .5rem
}

@media (pointer:fine) {
	.saIFrameTabs .saTab:hover {
		color: #5d237d;
		background-color: #fff
	}

	.saIFrameTabs .saTab:hover .saIcon {
		color: #5d237d
	}
}

.saIFrameTabs .saTab:active {
	color: #50146e;
	background-color: #f6deff
}

.saIFrameTabs .saTab:active .saIcon {
	color: #50146e
}

.saIFrameTabs .saTab.saSelected {
	color: #5d237d;
	background: #fff;
	border-bottom: 1px solid #fff
}

.saIFrameTabs .saTab.saSelected .saIcon {
	color: #5d237d
}

.saIFrameTabs .saTabText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	line-height: 1.125rem;
	font-size: .875rem
}

.saIFrameTabs .saTab .saIcon {
	color: #60748b;
	transition: ease all .2s
}

.saIFrameTabs .saBadgeCount {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	box-sizing: border-box;
	min-width: 1rem;
	color: #333333;
	background-color: #e5e2db;
	border-radius: .75rem;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem;
	transition: ease background-color .2s;
	white-space: nowrap;
	flex-shrink: 0
}

.saIFrameTabs .saBadgeCount.saUrgent {
	color: #fff;
	background-color: #e0173e
}

.saIFrameTabs .saTabGroup .saTab.saMoreTab {
	padding: 0;
	border-radius: 0 .25rem 0 0
}

.saIFrameTabs .saTabGroup .saTab.saMoreTab .saBadgeCount {
	position: absolute;
	top: -.25rem;
	right: -.25rem
}

.saIFrameTabs .saContextMenu button {
	width: 100%;
	background-color: #fff
}

.saIFrameTabs .saTabViewInner {
	position: relative;
	padding-top: .5rem
}

.saIFrameTabs .saTabGroup {
	margin-left: 1.5rem;
	width: calc(100% - 1.5rem)
}

.saIFrameTabs .saMoreTabInner {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: ease all .2s;
	border-radius: .5rem;
	height: 2.5rem;
	width: 2.5rem
}

.saStandard .saIFrameTabs .saTabViewInner {
	width: 100%
}

.saStandard .saIFrameTabs .saContextMenu {
	top: 3.5rem
}

.saCompact .saIFrameTabs .saTabViewInner {
	width: 100%
}

.saCompact .saIFrameTabs .saContextMenu {
	top: 2.75rem
}

.saLinkTabs {
	display: flex;
	justify-content: center
}

.saLinkTabs .saTabViewInner {
	position: relative;
	width: 100%;
	border-radius: 1rem;
	margin: 1rem;
	max-width: 100%;
	border: solid 1px #ccd5e2
}

.saLinkTabs .saTabGroup {
	display: flex;
	flex-direction: column;
	padding: .5rem;
	gap: .5rem;
	width: 100%;
	align-items: flex-start;
	box-sizing: border-box
}

.saLinkTabs .saTabGroup .saAngleRight {
	display: flex;
	justify-self: flex-end;
	padding-right: .25rem
}

.saLinkTabs .saTabGroup>li {
	width: 100%
}

.saLinkTabs .saTab {
	display: flex;
	position: relative;
	align-items: center;
	gap: .5rem;
	height: 3rem;
	min-width: 0;
	justify-content: space-between;
	width: 100%;
	padding: .5rem;
	border-radius: .5rem;
	transition: ease all .2s;
	color: #313a44;
	box-sizing: border-box
}

.saLinkTabs .saTab::after {
	display: none
}

.saLinkTabs .saTab .saIcon {
	color: #333333
}

@media (pointer:fine) {
	.saLinkTabs .saTab:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saLinkTabs .saTab:hover .saIcon {
		color: #5d237d
	}
}

.saLinkTabs .saTab:active {
	color: #50146e;
	background-color: #f6deff
}

.saLinkTabs .saTab:active .saIcon {
	color: #50146e
}

.saLinkTabs .saTabInner {
	display: flex;
	align-items: center;
	gap: .5rem;
	min-width: 0
}

.saLinkTabs .saTabInner .saIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 1.5rem
}

.saLinkTabs .saTabText {
	font-size: .875rem;
	max-width: 32ch
}

.saLinkTabs .saTabviewInner {
	display: none
}

.saLinkTabs .saBadgeCount {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	box-sizing: border-box;
	min-width: 1rem;
	color: #333333;
	background-color: #e5e2db;
	border-radius: .75rem;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem;
	transition: ease background-color .2s;
	white-space: nowrap;
	flex-shrink: 0
}

.saLinkTabs .saBadgeCount.saUrgent {
	color: #fff;
	background-color: #e0173e
}

body.saMiniView {
	overflow: hidden
}

.saTreeWrapper,
.saTreeWrapper * {
	box-sizing: border-box
}

.saTreeWrapper .saCheckboxTreeInner {
	padding-left: 1.75rem
}

.saTreeWrapper label.saCheckboxWrapper {
	font-weight: 400;
	display: flex;
	flex-direction: row;
	gap: .5rem;
	box-sizing: border-box;
	align-items: center;
	position: relative;
	transition: ease border-radius .2s, ease color .2s, ease background-color .2s
}

.saTreeWrapper label.saCheckboxWrapper span {
	font-size: .875rem;
	line-height: 1rem;
	word-break: break-word
}

.saCheckboxTree {
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
	overflow-x: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.saDisabled .saCheckboxTree {
	background: #f8f9fb
}

.saCheckboxTree fieldset {
	display: flex;
	flex-direction: column;
	min-inline-size: min-content
}

.saCheckboxTree .saCheckboxOuter {
	position: relative;
	padding: 0;
	padding-inline-start: 0;
	padding-inline-end: 0;
	width: 100%
}

.saCheckboxTree .saCheckboxOuter .saIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: .25rem;
	top: .25rem;
	height: 2rem;
	width: 2rem;
	font-size: .875rem;
	color: #60748b;
	background: 0 0;
	border: none;
	cursor: pointer;
	border-radius: .25rem;
	padding: 0
}

.saCheckboxTree .saCheckboxOuter .saIcon::after {
	content: '';
	height: 3rem;
	width: 3rem;
	position: absolute;
	top: -.5rem;
	left: -.5rem
}

@media (pointer:fine) {
	.saCheckboxTree .saCheckboxOuter .saIcon:hover:not(.saSpinner):not(.saExpandingIcon) {
		color: #5d237d;
		background: #f8f9fb
	}
}

.saCheckboxTree .saCheckboxOuter .saIcon:active {
	color: #5d237d;
	background: #eef1f5;
	border-radius: .5rem
}

.saDisabled .saCheckboxTree .saCheckboxOuter .saIcon {
	color: #ccd5e2
}

.saCheckboxTree .saIcon:before {
	transition: color ease .2s, border-radius ease .2s, background-color ease .2s, transform ease .2s
}

.saCheckboxTree .saOpen .saIcon:before {
	transform: rotate(-180deg)
}

.saCheckboxTree label.saCheckboxWrapper:not(:has(.saCheckbox:disabled)) {
	cursor: pointer
}

@media (pointer:fine) {
	.saCheckboxTree label.saCheckboxWrapper:not(:has(.saCheckbox:disabled)):hover {
		background: #f8f9fb
	}
}

.saCheckboxTree label.saCheckboxWrapper:not(:has(.saCheckbox:disabled)):active {
	background: #eef1f5;
	border-radius: .75rem
}

.saCheckboxTree .saCheckboxWrapper {
	min-height: 2.5rem;
	border-radius: .5rem;
	padding: .5rem 2.5rem .5rem .5rem;
	background-color: transparent
}

.saCheckboxTree .saCheckboxWrapper input.saCheckbox::after {
	height: 1.875rem;
	min-width: 1.875rem
}

.saCompact .saCheckboxTree .saCheckboxWrapper {
	min-height: 2rem;
	padding: .375rem 2.5rem .375rem .375rem
}

.saCompact .saCheckboxTree .saCheckboxOuter button.saIcon {
	top: 0;
	right: 0
}

.saCompact .saCheckboxTree .saCheckboxOuter button.saIcon::after {
	content: none
}

.saCompact .saCheckboxTree .saInputTextWrapper .saLeadingIcon {
	position: absolute;
	top: .5rem;
	left: 0;
	z-index: 1;
	font-size: 1rem
}

.saCompact .saCheckboxTree .saInputText {
	height: 2rem
}

.saSmallScreen .saCheckboxTreeWrapper {
	max-height: none
}

.saSmallScreen .saCheckboxTreeWrapper input.saCheckbox,
.saSmallScreen .saCheckboxTreeWrapper input.saInputText {
	width: unset
}

.saSmallScreen .saCheckboxTreeWrapper .saCheckboxTree .saCheckboxWrapper {
	min-height: 2.5rem;
	padding: .5rem;
	border-radius: .5rem;
	box-shadow: none;
	width: 100%;
	background: 0 0
}

@media (pointer:fine) {
	.saSmallScreen .saCheckboxTreeWrapper .saCheckboxTree label.saCheckboxWrapper:not(:has(.saCheckbox:disabled)):hover {
		background: inherit
	}
}

.saSmallScreen .saCheckboxTreeWrapper .saCheckboxTree label.saCheckboxWrapper:not(:has(.saCheckbox:disabled)):active {
	background: #eef1f5;
	box-shadow: none
}

@media (pointer:fine) {
	.saSmallScreen .saCheckboxTreeWrapper .saCheckboxTree .saCheckboxOuter button.saIcon:hover {
		background: 0 0;
		color: #60748b
	}
}

.saSmallScreen .saCheckboxTreeWrapper .saCheckboxTree .saInputText {
	font-size: 1rem
}

.saMultiPartPanel.saHasBorder,
.saSmallScreen .saMultiPartPanel {
	border: solid 1px #ccd5e2;
	border-radius: 1rem
}

.saMultiPartContainer {
	position: relative;
	display: grid;
	gap: 1rem
}

.saMultiPartContainer .saMultiPartPanel {
	visibility: hidden;
	overflow: hidden;
	padding: 0;
	scrollbar-gutter: stable
}

.saLargeScreen .saMultiPartContainer .saMultiPartPanel.saHasBorder .saMultiPartContent {
	padding: 1rem 0 1rem 1rem
}

.saMultiPartContainer .saMultiPartPanel .menuitem {
	width: 100%;
	overflow: hidden
}

.saMultiPartContainer .saMultiPartContent .saMenuItemRoot {
	overflow-x: auto;
	overflow-y: hidden;
	display: block
}

.saMultiPartContainer .saMultiPartContent .gridbottompadding {
	display: none
}

.saMultiPartContainer .saMultiPartContent .treewrapper {
	min-width: 0;
	border: none;
	box-shadow: none
}

.saSmallScreen .saMultiPartContainer {
	position: static;
	margin-bottom: 5rem;
	display: block
}

.saSmallScreen .saMultiPartPanel {
	position: static;
	margin: 1rem
}

.saSmallScreen .saMultiPartPanel .calendar .globalsettings .tabs {
	box-shadow: none;
	border: none
}

.saSmallScreen .saClosed .saMultiPartContent {
	display: none
}

.saSmallScreen .saMultiPartContent {
	margin-left: 0;
	overflow: auto;
	padding: 0 1rem 1rem 1rem
}

.saSmallScreen .saMultiPartContent .saGridWrapper {
	padding: 0
}

.saSmallScreen .saMultiPartContent .saTabViewInner {
	margin: 0;
	width: unset
}

.saSmallScreen .saMultiPartContent:has(.saListGrid),
.saSmallScreen .saMultiPartContent:has(.saSmallScreenCalendar) {
	padding: 0
}

.saSmallScreen .saMultiPartContent:has(.saListGrid) .saInfoBoxAreaWrapper,
.saSmallScreen .saMultiPartContent:has(.saSmallScreenCalendar) .saInfoBoxAreaWrapper {
	padding: 1rem 1rem 0 1rem
}

.saSmallScreen .saMultiPartContent:has(.saListGrid) .saInfoArea:last-child .saInfoBoxAreaWrapper,
.saSmallScreen .saMultiPartContent:has(.saSmallScreenCalendar) .saInfoArea:last-child .saInfoBoxAreaWrapper {
	padding-bottom: 1rem
}

.saSmallScreen .saMultiPartContent:has(.saListGrid) .saPartButtons,
.saSmallScreen .saMultiPartContent:has(.saSmallScreenCalendar) .saPartButtons {
	padding: 1rem 1rem 0 1rem
}

.saSmallScreen .saMultiPartContent .saButtons {
	padding: 0
}

.saSmallScreen .saMultiPartContent .saInfoBoxAreaWrapper {
	padding: 1rem 0
}

.saSmallScreen .saMultiPartContent .saInfoBoxArea {
	margin: 0
}

.saSmallScreen .saMultiPartContent .saInfoArea:last-child .saInfoBoxAreaWrapper {
	padding-bottom: 0
}

.saSmallScreen .saMultiPartContent .saSmallScreenCalendar {
	max-width: 100%
}

.saNumberStepper {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 2.5rem;
	width: fit-content
}

.saNumberStepper input {
	height: 2.5rem;
	width: 2.5rem;
	border: none;
	box-shadow: inset 0 0 0 1px #ccd5e2;
	font-family: Lexend, sans-serif;
	color: #333333;
	padding: 0;
	text-align: center;
	transition: ease background .2s, ease box-shadow .2s, ease border-radius .2s
}

.saNumberStepper input[type=number]::-webkit-inner-spin-button {
	display: none
}

.saNumberStepper input[type=number] {
	appearance: textfield;
	-moz-appearance: textfield;
	-webkit-appearance: textfield
}

.saNumberStepper input:hover {
	box-shadow: inset 0 0 0 2px #5d237d;
	z-index: 1
}

.saNumberStepper input:active,
.saNumberStepper input:focus,
.saNumberStepper input:focus-within {
	z-index: 1
}

.saNumberStepper button {
	height: 2.5rem;
	width: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	box-shadow: inset 0 0 0 1px #ccd5e2;
	color: #333333;
	transition: ease color .2s, ease background .2s, ease border-radius .2s;
	cursor: pointer;
	border: none;
	transition: ease background .2s, ease box-shadow .2s, ease border-radius .2s
}

.saNumberStepper button.saDecreaseButton {
	border-radius: .5rem 0 0 .5rem;
	margin-right: -1px
}

.saNumberStepper button.saIncreaseButton {
	border-radius: 0 .5rem .5rem 0;
	margin-left: -1px
}

@media (pointer:fine) {
	.saNumberStepper button:hover {
		border-color: #5d237d;
		color: #5d237d;
		background: #f8f9fb;
		box-shadow: inset 0 0 0 2px #5d237d;
		z-index: 1
	}
}

.saNumberStepper button:active {
	border-color: #5d237d;
	color: #50146e;
	background: #eef1f5;
	z-index: 1
}

.saNumberStepper button:active.saDecreaseButton {
	border-radius: .75rem 0 0 .75rem
}

.saNumberStepper button:active.saIncreaseButton {
	border-radius: 0 .75rem .75rem 0
}

.saNumberStepper button:focus {
	z-index: 1
}

.saGroupView {
	display: flex;
	flex-direction: column;
	gap: 2.5rem
}

.saSmallScreen .saGroupView {
	gap: 0;
	padding-top: 1.5rem
}

.saGroupView .saEmptyState {
	max-width: 35rem;
	display: none
}

.saGroupView .saEmptyState .saLink {
	cursor: pointer
}

.saGroupView .saEmptyState .saLink .saLinkText {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	text-decoration: none;
	font-weight: 500;
	color: #006ebf
}

@media (pointer:fine) {
	.saGroupView .saEmptyState .saLink:hover .saLinkText {
		text-decoration: underline
	}

	.saGroupView .saEmptyState .saLink:hover img,
	.saGroupView .saEmptyState .saLink:hover svg {
		opacity: .8;
		transition: transform .5s
	}

	.saGroupView .saEmptyState .saLink:hover .saMeterHeader,
	.saGroupView .saEmptyState .saLink:hover .saMeterValue {
		text-decoration: underline
	}
}

.saGroupView .saEmptyState .saLink:active .saLinkText {
	color: #004f97
}

.saGroupView .saEmptyState .saLink:active img,
.saGroupView .saEmptyState .saLink:active svg {
	opacity: .8;
	transition: transform .5s
}

.saGroupView .saEmptyState .saLink:active .saMeterHeader,
.saGroupView .saEmptyState .saLink:active .saMeterValue {
	text-decoration: underline
}

.saGroupView .saGroupViewWarning:empty {
	display: none
}

.saGroupView .saPillGroup {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	flex-wrap: wrap;
	gap: .5rem
}

.saGroupView .saPillGroup .saPill {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .25rem;
	font-size: .75rem;
	line-height: .75rem;
	font-weight: 500;
	background-color: #eef1f5;
	padding: .25rem .5rem;
	height: 1.5rem;
	transition: ease .2s background-color, ease .2s color, ease .2s box-shadow;
	box-shadow: inset 0 0 0 0 transparent;
	position: relative;
	padding: 0 .75rem;
	border-radius: 1rem;
	font-weight: 400;
	width: fit-content;
	min-width: 4rem;
	height: 2rem;
	font-size: .875rem;
	gap: .5rem;
	cursor: pointer
}

.saGroupView .saPillGroup .saPill.saDisabled {
	background: #eef1f5;
	color: #adbdd1;
	cursor: not-allowed
}

.saGroupView .saPillGroup .saPill:has(:enabled) {
	cursor: pointer
}

@media (pointer:fine) {
	.saGroupView .saPillGroup .saPill:has(:enabled):hover {
		background-color: #f6deff;
		color: #50146e
	}

	.saGroupView .saPillGroup .saPill:has(:enabled):hover.saOutline {
		box-shadow: inset 0 0 0 1px #5d237d
	}
}

.saGroupView .saPillGroup .saPill:has(:enabled):active {
	background-color: #d3b9e7;
	color: #42045f
}

.saGroupView .saPillGroup .saPill::before {
	content: "";
	height: 2.75rem;
	width: 100%;
	background-color: transparent;
	opacity: 0;
	position: absolute
}

.saGroupView .saPillGroup .saPill.saSmall {
	height: 1.5rem;
	min-width: 2.5rem;
	border-radius: .75rem;
	padding: .25rem .5rem;
	gap: .25rem;
	font-size: .75rem;
	line-height: .75rem
}

.saGroupView .saPillGroup .saPill.saMedium {
	min-width: 4rem;
	height: 2rem;
	border-radius: 1rem;
	padding: 0 .75rem;
	gap: .5rem;
	font-size: .875rem;
	line-height: .875rem
}

.saGroupView .saPillGroup .saPill.saLarge {
	min-width: 4rem;
	height: 2.5rem;
	border-radius: 1.25rem;
	padding: 0 .75rem;
	gap: .5rem;
	font-size: .875rem;
	line-height: .875rem
}

.saGroupView .saPillGroup .saPill.saOutline {
	box-shadow: inset 0 0 0 1px #ccd5e2
}

.saGroupView .saPillGroup .saPill:has(:checked) {
	background-color: #5d237d;
	color: #fff
}

.saGroupView .saPillGroup .saPill:has(:checked).saOutline {
	background-color: #f6deff;
	color: #50146e;
	box-shadow: inset 0 0 0 1px #5d237d
}

.saGroupView .saPillGroup .saPill input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	margin: 0;
	padding: 0;
	padding-block: 0;
	padding-inline: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: 0 0;
	border-radius: 1rem;
	cursor: inherit
}

@media (pointer:fine) {
	.saGroupView .saPillGroup .saPill.saActive:hover {
		background-color: #f6deff;
		color: #50146e
	}
}

.saGroupView .saPillGroup .saPill.saActive:active {
	background-color: #d3b9e7;
	color: #42045f
}

.saGroupView .saPillGroup .saPill.saSelected {
	background-color: #5d237d;
	color: #fff
}

.saGroupView .saPillGroup .saPill.saDisabled {
	cursor: not-allowed
}

.saGroupView .saPillGroup .saPill::before {
	content: '';
	height: 2.75rem;
	width: 100%;
	background-color: transparent;
	opacity: 0;
	position: absolute
}

.saGroupView .saPillGroup .saPill input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	margin: 0;
	padding: 0;
	padding-block: 0;
	padding-inline: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: 0 0;
	border-radius: 1rem;
	cursor: inherit
}

.saGroupView.saEmpty .saEmptyState {
	display: flex
}

.saGroupView .saGroupViewSearchWrapper {
	display: flex;
	flex-direction: column;
	gap: 1rem
}

.saSmallScreen .saGroupView .saGroupViewSearchWrapper {
	padding: 0 1rem
}

.saGroupView .saGroupViewSearchBox {
	border-radius: .75rem;
	position: relative;
	max-width: 35rem
}

.saSmallScreen .saGroupView .saGroupViewSearchBox {
	max-width: 100%
}

@media (pointer:fine) {
	.saGroupView .saGroupViewSearchBox:hover input {
		box-shadow: inset 0 0 0 2px #5d237d
	}
}

.saGroupView .saGroupViewSearchBox input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: Lexend, sans-serif;
	color: #333333;
	background: #fff;
	font-size: 1rem;
	height: 3.5rem;
	width: 100%;
	padding: 0 2px 0 3.5rem;
	border-radius: .75rem;
	border: none;
	box-shadow: inset 0 0 0 1px #888888;
	transition: ease color .2s, ease background .2s, ease box-shadow .2s
}

.saGroupView .saGroupViewSearchBox input::-webkit-search-cancel-button {
	height: 3rem;
	width: 3rem;
	margin-right: 1rem;
	cursor: pointer
}

.saGroupView .saGroupViewSearchBox input::placeholder {
	color: #7088a4
}

.saGroupView .saGroupViewSearchBox input:focus {
	box-shadow: inset 0 0 0 2px #5d237d
}

.saGroupView .saGroupViewSearchBox input:focus-within {
	box-shadow: inset 0 0 0 2px #5d237d;
	outline: 0
}

.saGroupView .saGroupViewSearchBox button {
	font-size: 1.25rem;
	color: #333333;
	height: 3rem;
	width: 3rem;
	position: absolute;
	top: .25rem;
	padding-block: 0;
	padding-inline: 0;
	border-width: 0;
	border: none;
	background: 0 0;
	cursor: pointer;
	border-radius: .625rem;
	transition: ease color .2s, ease background .2s, ease border-radius .2s
}

.saGroupView .saGroupViewSearchBox button .saSpinIcon {
	display: none
}

.saGroupView .saGroupViewSearchBox button.saSearching .saSearchIcon {
	display: none
}

.saGroupView .saGroupViewSearchBox button.saSearching .saSpinIcon {
	display: flex;
	justify-content: center;
	align-items: center
}

.saGroupView .saGroupViewSearchBox button:first-child {
	left: .25rem
}

.saGroupView .saGroupViewSearchBox button:last-child {
	right: .25rem
}

@media (pointer:fine) {
	.saGroupView .saGroupViewSearchBox button:hover {
		color: #5d237d;
		background: #f6deff
	}
}

.saGroupView .saGroupViewSearchBox button:active {
	color: #5d237d;
	border-radius: 1rem
}

.saGroupView .saGroupViewButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333;
	width: fit-content
}

.saGroupView .saGroupViewButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saGroupView .saGroupViewButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saGroupView .saGroupViewButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saGroupView .saGroupViewButton {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saGroupView .saGroupViewButton:active {
	border-radius: .75rem
}

.saStandard .saGroupView .saGroupViewButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saGroupView .saGroupViewButton {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saGroupView .saGroupViewButton:active {
	border-radius: .75rem
}

.saCompact .saGroupView .saGroupViewButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saGroupView .saGroupViewButton {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saGroupView .saGroupViewButton:active {
	border-radius: .75rem
}

.saSmallScreen .saGroupView .saGroupViewButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saGroupView .saGroupViewButton .saIcon {
	color: #333333
}

.saGroupView .saGroupViewButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saGroupView .saGroupViewButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saGroupView .saGroupViewButton:hover .saIcon {
		color: #5d237d
	}

	.saGroupView .saGroupViewButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saGroupView .saGroupViewButton:active {
	background: #f6deff
}

.saGroupView .saGroupViewButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saGroupView .saGroupViewButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saGroupView .saGroupViewButton.saDestructive .saIcon {
	color: #dd1f26
}

.saGroupView .saGroupViewButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saGroupView .saGroupViewButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saGroupView .saGroupViewButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saGroupView .saGroupViewButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saGroupView .saGroupViewButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saGroupView .saGroupViewButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saGroupView .saGroupViewButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saSmallScreen .saGroupView .saGroupViewButton {
	width: calc(100% - 2rem);
	margin: 1rem
}

.saGroupView mark {
	background-color: #dcf;
	color: #4c1590;
	font-weight: 600
}

.saGroupView .saGroupViewGroupWrapper {
	display: flex;
	flex-direction: column;
	gap: 2.5rem
}

.saSmallScreen .saGroupView .saGroupViewGroupWrapper {
	gap: 1.5rem
}

.saLargeScreen .saGroupView .saGroupViewGroupWrapper {
	padding-bottom: 1rem
}

.saGroupView .saGroupViewGroup {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: fit-content
}

.saGroupView .saGroupViewGroup .saGroupViewTitle {
	box-sizing: border-box;
	border: 1px #ccd5e2 solid;
	border-bottom: none;
	border-radius: 1rem 1rem 0 0;
	align-items: center;
	padding: 1rem 1rem 1rem 1.5rem;
	display: flex;
	flex-direction: row;
	gap: .5rem;
	width: 100%;
	max-height: 4rem
}

.saCompact .saGroupView .saGroupViewGroup .saGroupViewTitle {
	max-height: 2.5rem;
	padding: .5rem .75rem
}

.saCompact .saGroupView .saGroupViewGroup .saGroupViewTitle h2 {
	font-size: 1rem;
	line-height: 1.5rem
}

.saGroupView .saGroupViewGroup .saGridTop {
	padding-top: 0
}

.saGroupView .saGroupViewWrapper {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: fit-content
}

.saSmallScreen .saGroupView .saGroupViewWrapper {
	width: 100%
}

.saSmallScreen .saGroupView .saGroupViewWrapper .saRowBody {
	display: none
}

.saSmallScreen .saGroupView .saGroupViewWrapper .saOpen .saRowBody {
	display: flex
}

.saGroupView .saGroupViewTable {
	box-sizing: border-box;
	border: 1px #ccd5e2 solid;
	border-top: none;
	color: #333333;
	border-radius: 0 0 1rem 1rem;
	border-spacing: 0;
	min-width: 15rem
}

.saGroupView .saGroupViewTable thead {
	position: sticky;
	top: 0;
	z-index: 2
}

.saGroupView .saGroupViewTable th {
	color: #333333;
	background: #ebd6f2;
	font-weight: 600;
	box-sizing: border-box;
	border-right: 1px solid #dde3ec;
	border-top: 1px solid #dde3ec;
	border-bottom: 1px solid #dde3ec;
	border-left: none;
	text-align: left;
	height: 2rem;
	padding: 0 .5rem;
	vertical-align: middle
}

.saGroupView .saGroupViewTable th.saFirstInColumnGroup {
	border-left: 1px solid #ccd5e2
}

.saGroupView .saGroupViewTable th.saFirstInColumnGroup:first-child {
	border-left: none
}

.saGroupView .saGroupViewTable th.saLastInColumnGroup {
	border-right: 1px solid #ccd5e2
}

.saGroupView .saGroupViewTable th.saLastInColumnGroup+.saFirstInColumnGroup {
	border-left: none
}

.saGroupView .saGroupViewTable th:last-child {
	border-right: none
}

.saStandard .saGroupView .saGroupViewTable th {
	height: 3rem;
	padding: 0 1.5rem
}

.saGroupView .saGroupViewTable th .saInfoIndicator {
	margin-left: .375rem
}

.saGroupView .saGroupViewTable tr {
	background: #fff;
	height: 3rem
}

.saCompact .saGroupView .saGroupViewTable tr {
	height: 2rem
}

.saGroupView .saGroupViewTable tr:hover {
	background: #ebd6f2
}

.saGroupView .saGroupViewTable tr:first-child td {
	border-top: none
}

.saGroupView .saGroupViewTable tr:last-child {
	border-radius: 0 0 1rem 1rem
}

.saGroupView .saGroupViewTable tr:last-child td:first-child {
	border-radius: 0 0 0 1rem
}

.saGroupView .saGroupViewTable tr:last-child td:last-child {
	border-radius: 0 0 1rem 0
}

.saGroupView .saGroupViewTable tr:last-child td:only-child {
	border-radius: 0 0 1rem 1rem
}

.saGroupView .saGroupViewTable td {
	box-sizing: border-box;
	border-collapse: collapse;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: 1px solid #dde3ec;
	vertical-align: middle;
	height: 2rem;
	padding: .5rem .5rem;
	position: relative
}

.saStandard .saGroupView .saGroupViewTable td {
	height: 3rem
}

.saStandard .saGroupView .saGroupViewTable td {
	padding: .5rem 1.5rem
}

.saCompact .saGroupView .saGroupViewTable td {
	padding: .25rem .5rem
}

.saGroupView .saGroupViewTable td a {
	color: #006ebf;
	display: block;
	cursor: pointer
}

.saGroupView .saGroupViewTable td a::after {
	content: '';
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute
}

@media (pointer:fine) {
	.saGroupView .saGroupViewTable td a:hover {
		text-decoration: underline
	}
}

.saGroupView .saGroupViewTable td .saCellWrapper {
	gap: .375rem
}

.saGroupView .saGroupViewTable td .saCellWrapper .saIconWrapper {
	width: 1.25rem;
	text-align: center
}

.saGroupView .saGroupViewTable td .saCellWrapper .saIconWrapper .saSystemIcon {
	font-size: 1rem
}

.saGroupView .saGroupViewTable .saCellWrapper,
.saGroupView .saListGrid .saCellWrapper {
	display: flex;
	align-items: center
}

.saTooltipRoot {
	background-color: #313a44;
	color: #f5f3ee;
	max-width: min(37.5rem, 98vw);
	z-index: 1010;
	border-radius: .5rem;
	padding: .5rem .75rem;
	font-size: .75rem;
	line-height: 1rem;
	pointer-events: none;
	box-sizing: border-box;
	overflow: hidden;
	word-break: break-word
}

.saTooltipRoot .systemicon .icon {
	color: #f5f3ee !important
}

.saTooltipRoot .saTooltipHeading {
	font-weight: 700
}

.saTooltipScreenReader {
	position: fixed;
	left: -9999px;
	visibility: hidden;
	pointer-events: none
}

.saSelectionArea {
	position: absolute;
	background: rgba(#5d237d, .2);
	box-shadow: inset 0 0 0 1px #5d237d;
	pointer-events: none;
	z-index: 90
}

.saPdfTemplateEditor {
	display: flex;
	width: 100%;
	border-radius: 1rem .25rem .25rem 1rem;
	overflow: hidden;
	border: 1px solid #ccd5e2;
	box-sizing: border-box;
	outline: 0
}

.saPdfTemplateEditor * {
	box-sizing: border-box
}

.saPdfTemplateEditor .saPdfPagination {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.saPdfTemplateEditor .saPageButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333;
	position: relative
}

.saPdfTemplateEditor .saPageButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saPdfTemplateEditor .saPageButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saPdfTemplateEditor .saPageButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saPdfTemplateEditor .saPageButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saPdfTemplateEditor .saPageButton:active {
	border-radius: .75rem
}

.saCompact .saPdfTemplateEditor .saPageButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saPdfTemplateEditor .saPageButton:active {
	border-radius: .75rem
}

.saSmallScreen .saPdfTemplateEditor .saPageButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saPdfTemplateEditor .saPageButton:active {
	border-radius: .75rem
}

.saPdfTemplateEditor .saPageButton .saIcon {
	color: #333333
}

.saPdfTemplateEditor .saPageButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saPdfTemplateEditor .saPageButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saPdfTemplateEditor .saPageButton:hover .saIcon {
		color: #5d237d
	}

	.saPdfTemplateEditor .saPageButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saPdfTemplateEditor .saPageButton:active {
	background: #f6deff
}

.saPdfTemplateEditor .saPageButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saPdfTemplateEditor .saPageButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saPdfTemplateEditor .saPageButton.saDestructive .saIcon {
	color: #dd1f26
}

.saPdfTemplateEditor .saPageButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saPdfTemplateEditor .saPageButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saPdfTemplateEditor .saPageButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saPdfTemplateEditor .saPageButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saPdfTemplateEditor .saPageButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saPdfTemplateEditor .saPageButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saPdfTemplateEditor .saPageButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saPdfTemplateEditor .saPageButton::after {
	content: '';
	height: 3rem;
	width: 3rem;
	position: absolute;
	opacity: 0
}

.saPdfTemplateEditor .saPageButton:disabled {
	background: 0 0;
	border-color: transparent
}

.saPdfTemplateEditor .saPageButton:disabled .saIcon {
	color: #ccd5e2
}

.saPdfTemplateEditor .saPdfTemplateEditorSidebar {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: .5rem;
	width: 16.5rem;
	min-width: 16.5rem;
	padding: .75rem;
	border-right: 1px solid #ccd5e2
}

.saPdfTemplateEditor .saPdfTemplateEditorSidebar .saLastSavedText {
	height: 1.25rem;
	color: #60748b;
	font-size: .75rem;
	padding-left: .25rem
}

.saPdfTemplateEditor .saInputTextWrapper {
	margin-right: .5rem
}

.saPdfTemplateEditor .saInputTextWrapper .saLabeledLabel {
	top: .375rem;
	left: .5rem;
	width: 100%
}

.saPdfTemplateEditor .saInputTextWrapper .saTrailingIconsWrapper {
	height: 2.5rem
}

.saPdfTemplateEditor .saInputTextWrapper .saInputText {
	height: 2.5rem;
	padding-top: .75rem;
	padding-left: .5rem;
	width: 4rem;
	min-width: 4rem
}

.saPdfTemplateEditor .saInputTextWrapper .saInputText.saDropdown {
	width: fit-content;
	min-width: 8rem
}

.saPdfTemplateEditor .saAvailableValuesWrapper {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	height: 100%;
	overflow: auto
}

.saPdfTemplateEditor .saAvailableValuesGroupWrapper {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding: .25rem
}

.saPdfTemplateEditor .saAvailableValuesGroupName {
	font-size: .75rem;
	line-height: .75rem;
	color: #60748b;
	font-weight: 400
}

.saPdfTemplateEditor .saAvailableValuesGroup {
	display: flex;
	flex-direction: column;
	gap: .5rem
}

.saPdfTemplateEditor .saAvailableValue {
	display: flex;
	gap: .5rem;
	align-items: center;
	justify-content: space-between;
	padding: .5rem;
	height: 2rem;
	border: 1px solid #ccd5e2;
	border-radius: .5rem;
	background: #fff;
	position: relative;
	cursor: grab;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.saPdfTemplateEditor .saAvailableValue .saIcon {
	font-size: 1.125rem
}

.saPdfTemplateEditor .saAvailableValue .saIconsWrapper {
	display: flex;
	gap: .5rem
}

.saPdfTemplateEditor .saAvailableValue .saInfoIcon {
	color: #333333
}

.saPdfTemplateEditor .saAvailableValue .saCheckMark {
	display: none;
	color: #8b4af1
}

.saPdfTemplateEditor .saAvailableValue.saPlaced {
	cursor: default
}

.saPdfTemplateEditor .saAvailableValue.saPlaced .saDragHandle {
	opacity: 0
}

.saPdfTemplateEditor .saAvailableValue.saPlaced .saCheckMark {
	display: flex;
	cursor: pointer
}

.saPdfTemplateEditor .saAvailableValue.saPlaced.saMarked {
	background: #f9f7ff;
	border-color: #8b4af1;
	box-shadow: 0 0 0 .25rem #dcf;
	color: #8b4af1
}

.saPdfTemplateEditor .saAvailableValue.saPlaced.saMarked .saIcon {
	color: #8b4af1
}

.saPdfTemplateEditor .saAvailableValue.saDisabled {
	background: #eef1f5;
	color: #adbdd1
}

.saPdfTemplateEditor .saAvailableValue.saDisabled .saIcon {
	color: #adbdd1
}

.saPdfTemplateEditor .saAvailableValueLabel {
	display: flex;
	align-items: center;
	gap: .5rem;
	overflow: hidden
}

.saPdfTemplateEditor .saAvailableValueLabel label {
	font-size: .875rem;
	pointer-events: none;
	white-space: nowrap
}

.saPdfTemplateEditor .saAvailableValueLabel .saIcon {
	color: #333333
}

.saPdfTemplateEditor .saPdfTemplate {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	background: #eef1f5;
	overflow: auto;
	position: relative
}

.saPdfTemplateEditor .saCanvasOuter {
	height: fit-content;
	width: 100%
}

.saPdfTemplateEditor .saCanvasInner {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: .5rem
}

.saPdfTemplateEditor .saCanvasWrapper {
	display: flex;
	position: relative
}

.saPdfTemplateEditor .saPdfTemplateToolbarWrapper {
	min-height: 3.5rem;
	height: fit-content;
	width: 100%;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 1
}

.saPdfTemplateEditor .saHidden .saPdfTemplateToolbar {
	transform: translateY(-100%)
}

.saPdfTemplateEditor .saPdfTemplateToolbar {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	width: 100%;
	background: #fff;
	padding: .5rem;
	justify-content: space-between;
	transition: ease transform .2s;
	box-shadow: inset 0 -1px 0 0 #ccd5e2
}

.saPdfTemplateEditor .saPdfTemplateToolbar ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.saPdfTemplateEditor .saPdfTemplateToolbar input[type=number]::-webkit-inner-spin-button {
	display: none
}

.saPdfTemplateEditor .saPdfTemplateToolbar input[type=number] {
	appearance: textfield;
	-moz-appearance: textfield;
	-webkit-appearance: textfield
}

.saPdfTemplateEditor .saToolbarButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem;
	position: relative
}

.saPdfTemplateEditor .saToolbarButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saPdfTemplateEditor .saToolbarButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saPdfTemplateEditor .saToolbarButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saPdfTemplateEditor .saToolbarButton .saIcon {
	color: #333333
}

.saPdfTemplateEditor .saToolbarButton.saDestructive {
	color: #dd1f26
}

.saPdfTemplateEditor .saToolbarButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saPdfTemplateEditor .saToolbarButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saPdfTemplateEditor .saToolbarButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saPdfTemplateEditor .saToolbarButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saPdfTemplateEditor .saToolbarButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saPdfTemplateEditor .saToolbarButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saPdfTemplateEditor .saToolbarButton:hover .saIcon {
		color: #5d237d
	}
}

.saPdfTemplateEditor .saToolbarButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saPdfTemplateEditor .saToolbarButton:active .saIcon {
	color: #50146e
}

.saPdfTemplateEditor .saToolbarButton.saDisabled,
.saPdfTemplateEditor .saToolbarButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saPdfTemplateEditor .saToolbarButton.saDisabled .saIcon,
.saPdfTemplateEditor .saToolbarButton:disabled .saIcon {
	color: #adbdd1
}

.saPdfTemplateEditor .saToolbarButton:active {
	border-radius: .75rem
}

.saPdfTemplateEditor .saToolbarButton::after {
	content: '';
	height: calc(100% + 1rem);
	width: 100%;
	position: absolute
}

.saPdfTemplateEditor .saToolbarButton:disabled {
	background-color: transparent
}

.saPdfTemplateEditor .saToolbarButton:disabled .saIcon {
	color: #adbdd1
}

.saPdfTemplateEditor .saInputPair {
	border-right: 1px solid #ccd5e2;
	flex-wrap: wrap
}

.saPdfTemplateEditor .saInputPair.saHideBorder {
	border-right: none
}

.saPdfTemplateEditor .saNumberStepper {
	font-size: 1rem
}

.saPdfTemplateEditor .saPdfTemplateToolbarAlign {
	flex-wrap: wrap
}

.saPdfTemplateEditor .saToolbarFont {
	gap: .5rem
}

.saPdfTemplateEditor .saPlaceholder {
	position: absolute;
	width: fit-content;
	display: flex;
	flex-direction: column;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.saPdfTemplateEditor .saPlaceholder .saResizeHandle {
	position: absolute;
	height: .5rem;
	width: .5rem;
	background: #fff;
	border: 1px solid #8b4af1;
	opacity: 0
}

@media (pointer:fine) {
	.saPdfTemplateEditor .saPlaceholder .saResizeHandle:hover {
		background: #8b4af1
	}
}

.saPdfTemplateEditor .saPlaceholder .saResizeHandleTop {
	transform: translate(-50%, -50%);
	top: 0;
	left: 50%;
	cursor: ns-resize
}

.saPdfTemplateEditor .saPlaceholder .saResizeHandleRight {
	transform: translate(50%, -50%);
	top: 50%;
	right: 0;
	cursor: ew-resize
}

.saPdfTemplateEditor .saPlaceholder .saResizeHandleBottom {
	transform: translate(50%, 50%);
	bottom: 0;
	right: 50%;
	cursor: ns-resize
}

.saPdfTemplateEditor .saPlaceholder .saResizeHandleLeft {
	transform: translate(-50%, -50%);
	top: 50%;
	left: 0;
	cursor: ew-resize
}

.saPdfTemplateEditor .saPlaceholder.saSelected .saResizeHandle {
	opacity: 1
}

.saPdfTemplateEditor .saPlaceholder.saSelected .saPlaceholderTitle {
	display: flex
}

.saPdfTemplateEditor .saPlaceholder.saSelected .saPlaceholderValue {
	box-shadow: inset 0 0 0 1px #8b4af1
}

.saPdfTemplateEditor .saPlaceholder .saIcon {
	font-size: 2.5rem;
	color: #333333;
	overflow: hidden
}

.saPdfTemplateEditor .saPlaceholderTitle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	background: #8b4af1;
	color: #fff;
	padding: .25rem .25rem;
	max-height: 1rem;
	font-size: .75rem;
	line-height: .75rem;
	border-radius: .25rem .25rem 0 0;
	display: none;
	position: absolute;
	top: -.9375rem;
	left: 0;
	white-space: nowrap
}

.saPdfTemplateEditor .saPlaceholderValue {
	display: flex;
	color: #000;
	box-shadow: inset 0 0 0 1px #b78eff;
	font-size: .875rem;
	line-height: 1;
	transition: ease box-shadow .1s
}

.saPdfTemplateEditor .saPlaceholderValue.saNoWidth {
	white-space: nowrap
}

.saPdfTemplateEditor .saPlaceholderValue.saImagePlaceholder {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #dde3ec;
	padding: 0;
	height: 100%;
	width: 100%
}

.saPdfTemplateEditor .saPlaceholderValue.saImagePlaceholder.saPreserveAspectRatio {
	align-items: flex-end;
	justify-content: flex-start;
	object-fit: contain;
	object-position: left bottom
}

.saPdfTemplateEditor .saPdfTemplateToolbarGroup {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: .5rem
}

.saPdfTemplateEditor .saToolbarDistribute {
	flex-wrap: wrap;
	padding: 0 .5rem;
	border-left: 1px solid #ccd5e2;
	border-right: 1px solid #ccd5e2
}

.saLargeScreen .saPivotGridWrapper thead {
	position: sticky;
	z-index: 3;
	top: -1px
}

.saLargeScreen .saPivotGridWrapper thead tr:first-child th:first-child::before {
	content: '';
	width: 2rem;
	height: 2rem;
	display: flex;
	position: absolute;
	z-index: -1;
	top: -1px;
	left: -1px;
	background: #fff
}

.saLargeScreen .saPivotGridWrapper thead tr:first-child th:first-child::after {
	content: '';
	width: 2rem;
	height: 2rem;
	display: flex;
	position: absolute;
	z-index: -1;
	top: -1px;
	left: -1px;
	background: inherit;
	border-top-left-radius: 1rem;
	border-top: 1px solid #ccd5e2;
	border-left: 1px solid #ccd5e2
}

.saLargeScreen .saPivotGridWrapper thead tr:first-child th:last-child::before {
	content: '';
	width: 2rem;
	height: 2rem;
	display: flex;
	position: absolute;
	z-index: -1;
	top: -1px;
	right: -1px;
	background: #fff
}

.saLargeScreen .saPivotGridWrapper thead tr:first-child th:last-child::after {
	content: '';
	width: 2rem;
	height: 2rem;
	display: flex;
	position: absolute;
	z-index: -1;
	top: -1px;
	right: -1px;
	background: inherit;
	border-top-right-radius: 1rem;
	border-top: 1px solid #ccd5e2;
	border-right: 1px solid #ccd5e2
}

.saLargeScreen .saPivotGridWrapper tbody .saPivotGridHeading,
.saLargeScreen .saPivotGridWrapper thead .saPivotGridHeading.saPivotGridFiller:first-child {
	position: sticky;
	z-index: 2;
	left: 1px;
	box-shadow: -1px 0 0 #ccd5e2
}

.saLargeScreen .saPivotGridWrapper tbody tr:last-child th:first-child::before {
	content: '';
	width: 2rem;
	height: 2rem;
	display: flex;
	position: absolute;
	z-index: -1;
	bottom: -1px;
	left: -1px;
	background: #fff
}

.saLargeScreen .saPivotGridWrapper tbody tr:last-child th:first-child::after {
	content: '';
	width: 2rem;
	height: 2rem;
	display: flex;
	position: absolute;
	z-index: -1;
	bottom: -1px;
	left: -1px;
	background: inherit;
	border-bottom-left-radius: 1rem;
	border-bottom: 1px solid #ccd5e2;
	border-left: 1px solid #ccd5e2
}

.saPivotGridWrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: fit-content
}

.saPivotGridWrapper.saMultipleColumnButtons thead .saPivotGridHeadingInner {
	flex-direction: column;
	padding: .25rem 1.5rem;
	align-items: flex-start
}

.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell {
	min-width: 2.5rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	position: relative
}

.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton:active {
	border-radius: .75rem
}

.saCompact .saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton:active {
	border-radius: .75rem
}

.saSmallScreen .saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton:active {
	border-radius: .75rem
}

.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton .saIcon {
	color: #333333
}

.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton.saDestructive {
	color: #dd1f26
}

.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton:hover .saIcon {
		color: #5d237d
	}
}

.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton:active .saIcon {
	color: #50146e
}

.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton.saDisabled,
.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton.saDisabled .saIcon,
.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton:disabled .saIcon {
	color: #adbdd1
}

.saStandard .saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton {
	font-size: 1.25rem
}

.saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton .saButtonBadge {
	top: .375rem;
	right: .375rem;
	height: .5rem;
	width: .5rem;
	background: #e0173e;
	position: absolute;
	border-radius: .25rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.saSmallScreen .saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton.saExcel {
	display: none
}

.saLargeScreen .saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton.saChangeScreenModeButton {
	display: none
}

#IFDEF GreenExcelButton .saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton.saExcel {
	color: #009b36;
	background: 0 0
}

#IFDEF GreenExcelButton .saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton.saExcel .saIcon {
	color: #009b36
}

@media (pointer:fine) {
	#IFDEF GreenExcelButton .saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton.saExcel:hover {
		background: #d6f7d9;
		color: #008429
	}

	#IFDEF GreenExcelButton .saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton.saExcel:hover .saIcon {
		color: #009b36
	}
}

#IFDEF GreenExcelButton .saPivotGridWrapper .saPivotGridFiller .saTopLeftCell .saPivotGridTopButton.saExcel:active {
	background: #91e89b;
	color: #006d1e
}

.saPivotGridWrapper .saPivotGrid {
	box-sizing: border-box;
	border: 1px #ccd5e2 solid;
	color: #333333;
	border-radius: 1rem
}

.saPivotGridWrapper .saPivotGrid.saHasColumnGroups .saPivotGridColumnGroup {
	border-top: none
}

.saPivotGridWrapper .saPivotGrid .saClickable {
	cursor: pointer
}

.saPivotGridWrapper .saPivotGrid .saClickable:hover {
	background-color: #ebd6f2
}

.saPivotGridWrapper .saPivotGrid tbody tr:last-child {
	border-radius: 0 0 1rem 1rem
}

.saPivotGridWrapper .saPivotGrid tbody tr:last-child th:first-child {
	border-radius: 0 0 0 1rem
}

.saPivotGridWrapper .saPivotGrid tbody tr:last-child td:last-child {
	border-radius: 0 0 1rem 0
}

.saPivotGridWrapper thead {
	padding: 0
}

.saPivotGridWrapper thead tr {
	background: #ebd6f2
}

.saPivotGridWrapper thead tr:first-child {
	border-radius: 1rem 1rem 0 0
}

.saPivotGridWrapper thead tr:first-child .saPivotGridHeading {
	border-top: none
}

.saPivotGridWrapper thead tr:first-child th:first-child {
	border-radius: 1rem 0 0 0
}

.saPivotGridWrapper thead tr:first-child th:last-child {
	border-radius: 0 1rem 0 0
}

.saPivotGridWrapper .saPivotGridHeading {
	color: #333333;
	background: #ebd6f2;
	font-weight: 600;
	box-sizing: border-box;
	border-right: 1px solid #dde3ec;
	border-top: 1px solid #dde3ec;
	border-bottom: 1px solid #dde3ec;
	border-left: none;
	text-align: left;
	min-height: 3rem;
	padding: 0;
	border-bottom: none
}

.saPivotGridWrapper .saPivotGridHeading.saFirstInColumnGroup {
	border-left: 1px solid #ccd5e2
}

.saPivotGridWrapper .saPivotGridHeading.saFirstInColumnGroup:first-child {
	border-left: none
}

.saPivotGridWrapper .saPivotGridHeading.saLastInColumnGroup {
	border-right: 1px solid #ccd5e2
}

.saPivotGridWrapper .saPivotGridHeading.saLastInColumnGroup+.saFirstInColumnGroup {
	border-left: none
}

.saMultipleColumnButtons.saPivotGridWrapper .saPivotGridHeading:not(.saPivotGridFiller) {
	vertical-align: top
}

.saPivotGridWrapper .saPivotGridHeading.saPivotGridFiller {
	background: #fff
}

.saPivotGridWrapper .saPivotGridHeading:has(.saSorted) {
	background-color: #dcc8e2
}

.saPivotGridWrapper .saPivotGridGroupRow .saPivotGridFiller {
	border: none
}

.saPivotGridWrapper .saPivotGridGroupRow .saPivotGridFiller:has(.saTopLeftCell) {
	border-bottom: 1px solid #dde3ec
}

.saPivotGridWrapper .saPivotGridGroupRow+tr th:first-child:not(.saFirstInColumnGroup) {
	border-left: 1px solid #dde3ec
}

.saPivotGridWrapper .saPivotGridHeadingInner {
	color: #333333;
	font-weight: 500;
	display: flex;
	align-items: center
}

.saPivotGridWrapper .saPivotGridHeadingInner a {
	text-decoration: none;
	color: #333333;
	cursor: pointer
}

@media (pointer:fine) {
	.saPivotGridWrapper .saPivotGridHeadingInner a:hover {
		text-decoration: underline
	}
}

.saPivotGridWrapper .saPivotGridHeadingInner a:active {
	color: #5d237d
}

.saPivotGridWrapper td {
	box-sizing: border-box;
	border-collapse: collapse;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: 1px solid #dde3ec;
	vertical-align: middle;
	height: 2rem;
	border-right: 1px solid #dde3ec;
	text-align: left
}

.saStandard .saPivotGridWrapper td {
	height: 3rem
}

.saPivotGridWrapper td.right {
	text-align: right
}

.saPivotGridWrapper td.center {
	text-align: center
}

.saPivotGridWrapper .saPivotGridHeadingInner,
.saPivotGridWrapper td span {
	align-items: center;
	gap: .5rem;
	flex-direction: row;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 1.5rem;
	min-height: 3rem
}

.saPivotGridWrapper tbody tr:last-child th:first-child {
	border-bottom: none;
	border-left: none
}

.saPivotGridWrapper thead tr th {
	font-weight: 500;
	max-width: 30rem
}

.saPivotGridWrapper tr {
	box-sizing: border-box;
	text-align: left;
	min-width: 0
}

.saPivotGridWrapper .saPivotGridGroupRow+tr th:first-child {
	border-top: 1px solid #dde3ec
}

.saPivotGridWrapper .saPivotGrid tr :last-child {
	border-right: none
}

.saPivotGridWrapper .saPivotGridColumnGroup {
	border-right: 1px solid #ccd5e2;
	border-left: 1px solid #ccd5e2;
	border-top: 1px solid #ccd5e2;
	border-bottom: none;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: center;
	height: 2rem;
	border-radius: 0
}

.saPivotGridWrapper .saPivotGridColumnGroup+.saPivotGridColumnGroup {
	border-left: none
}

.saPivotGridWrapper .saPivotGridColumnGroup .saPivotGridHeadingInner,
.saPivotGridWrapper .saPivotGridColumnGroup td span {
	min-height: 2.125rem;
	height: 2.125rem
}

.saPivotGridWrapper .saLinkButtonWrapper {
	display: flex;
	align-items: center;
	height: 2rem
}

.saPivotGridWrapper .saLinkButtonWrapper .saLinkFiller {
	height: 2rem;
	min-width: 2rem;
	width: 2rem
}

.saPivotGridWrapper .saLinkButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem;
	background: 0 0;
	color: #333333
}

.saPivotGridWrapper .saLinkButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saPivotGridWrapper .saLinkButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saPivotGridWrapper .saLinkButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saPivotGridWrapper .saLinkButton:active {
	border-radius: .75rem
}

@media (pointer:fine) {
	.saPivotGridWrapper .saLinkButton:hover:not(.inactive) {
		color: #5d237d;
		background: #f6deff
	}
}

.saPivotGridWrapper .saLinkButton.open,
.saPivotGridWrapper .saLinkButton.openup,
.saPivotGridWrapper .saLinkButton:active:not(.inactive) {
	color: #5d237d;
	background: #d3b9e7;
	border-radius: .75rem
}

.saPivotGridWrapper .saLinkButton.inactive {
	cursor: default;
	opacity: .4
}

.saPivotGridWrapper .saLinkButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saPivotGridWrapper .saLinkButton.saDestructive .saIcon {
	color: #dd1f26
}

.saPivotGridWrapper .saLinkButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saPivotGridWrapper .saLinkButton.saDestructive:hover {
		color: #fff;
		background: #dd1f26;
		border-color: transparent
	}

	.saPivotGridWrapper .saLinkButton.saDestructive:hover .saIcon {
		color: #fff
	}

	.saPivotGridWrapper .saLinkButton.saDestructive:hover .saBadge {
		background-color: #fff;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saPivotGridWrapper .saLinkButton.saDestructive:active {
	color: #fff;
	background: #ba000b;
	border-color: transparent
}

.saPivotGridWrapper .saLinkButton.saDestructive:active .saIcon {
	color: #fff;
	background-color: #ba000b
}

.saPivotGridWrapper .saLinkButton.saDestructive:active .saBadge {
	background-color: #fff;
	color: #ba000b;
	border-color: #ba000b
}

.saPivotGridWrapper caption {
	position: absolute;
	left: -625rem
}

.saCompact .saPivotGridWrapper .saPivotGridHeadingInner,
.saCompact .saPivotGridWrapper td span {
	padding: 0 .5rem;
	min-height: 2rem
}

.saCompact .saPivotGridWrapper.saMultipleColumnButtons thead .saPivotGridHeadingInner {
	padding: .25rem .5rem
}

.saCompact .saPivotGridWrapper td,
.saCompact .saPivotGridWrapper th {
	min-height: 2rem
}

.saCompact .saPivotGridWrapper th:has(.saSorted) a {
	display: flex;
	align-items: center;
	gap: .375rem
}

@media (pointer:fine) {
	.saCompact .saPivotGridWrapper th:has(.saSorted) a:hover {
		text-decoration: none
	}
}

@media (pointer:fine) {
	.saCompact .saPivotGridWrapper th:has(.saSorted) a span:hover {
		text-decoration: underline
	}
}

.saCompact .saPivotGridWrapper th:has(.saSorted) .saSortIcon {
	color: #60748b;
	font-size: 1rem
}

.saProgressOuter {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: flex-start;
	justify-content: center
}

.saProgressOuter .saProgressWrapper {
	padding: 2rem;
	min-width: 12.5rem;
	max-width: 40rem;
	width: 80%;
	border-radius: 1.5rem;
	box-shadow: 0 1px 2px rgba(49, 58, 68, .07), 0 2px .25rem rgba(49, 58, 68, .07), 0 .25rem .5rem rgba(49, 58, 68, .07), 0 .5rem 1rem rgba(49, 58, 68, .07);
	border: solid 1px #ccd5e2;
	background: #fff;
	position: relative;
	top: 12.5rem
}

.saProgressOuter .saProgressWrapper .saProgressButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	background-color: #5d237d;
	color: #f5f3ee
}

.saProgressOuter .saProgressWrapper .saProgressButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saProgressOuter .saProgressWrapper .saProgressButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saProgressOuter .saProgressWrapper .saProgressButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saProgressOuter .saProgressWrapper .saProgressButton {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saProgressOuter .saProgressWrapper .saProgressButton:active {
	border-radius: .75rem
}

.saStandard .saProgressOuter .saProgressWrapper .saProgressButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saProgressOuter .saProgressWrapper .saProgressButton {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saProgressOuter .saProgressWrapper .saProgressButton:active {
	border-radius: .75rem
}

.saCompact .saProgressOuter .saProgressWrapper .saProgressButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saProgressOuter .saProgressWrapper .saProgressButton {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saProgressOuter .saProgressWrapper .saProgressButton:active {
	border-radius: .75rem
}

.saSmallScreen .saProgressOuter .saProgressWrapper .saProgressButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saProgressOuter .saProgressWrapper .saProgressButton .saIcon {
	color: #f5f3ee
}

.saProgressOuter .saProgressWrapper .saProgressButton .saBadge {
	color: #5d237d;
	background: #f5f3ee;
	border-color: #5d237d
}

@media (pointer:fine) {
	.saProgressOuter .saProgressWrapper .saProgressButton:hover {
		background-color: #50146e
	}

	.saProgressOuter .saProgressWrapper .saProgressButton:hover .saBadge {
		background-color: #f5f3ee;
		border-color: #50146e
	}
}

.saProgressOuter .saProgressWrapper .saProgressButton:active {
	background-color: #42045f
}

.saProgressOuter .saProgressWrapper .saProgressButton:active .saBadge {
	color: #42045f;
	border-color: 2px solid #42045f
}

.saProgressOuter .saProgressWrapper .saProgressButton:disabled {
	background: #d3b9e7;
	pointer-events: none
}

.saProgressOuter .saProgressWrapper .saProgressButton.saDestructive {
	background-color: #dd1f26;
	color: #fff;
	border-color: #ffdbd7
}

@media (pointer:fine) {
	.saProgressOuter .saProgressWrapper .saProgressButton.saDestructive:hover {
		background-color: #c60014
	}
}

.saProgressOuter .saProgressWrapper .saText {
	font-size: .875rem;
	margin-bottom: .5rem;
	word-break: break-all
}

.saProgressOuter .saProgressWrapper h3 {
	font-size: 1rem
}

.saProgressOuter .saProgressWrapper .saProgressMessage {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 35rem;
	padding-bottom: 1rem
}

.saProgressOuter .saProgressWrapper .saProgress {
	display: flex;
	flex-direction: column;
	position: relative;
	gap: 1rem;
	width: 100%
}

.saProgressOuter .saProgressWrapper .saProgress .saProgressHeading {
	font-weight: 600;
	color: #333333
}

.saProgressOuter .saProgressWrapper .saProgress .saProgressBarWrapper {
	height: .5rem;
	width: 100%;
	background: #eef1f5;
	position: relative;
	border-radius: .25rem;
	overflow: hidden
}

.saProgressOuter .saProgressWrapper .saProgress .saProgressBar {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: .5rem;
	width: 100%;
	transition: ease width .2s;
	position: relative
}

.saProgressOuter .saProgressWrapper .saProgress .saProgressBar::-webkit-progress-bar {
	background: #dde3ec;
	border-radius: .25rem
}

.saProgressOuter .saProgressWrapper .saProgress .saProgressBar::-webkit-progress-value {
	background: #5d237d;
	border-radius: .25rem;
	transition: width .2s
}

.saProgressOuter .saProgressWrapper .saProgress .saProgressBar:not([value])::after {
	content: '';
	position: absolute;
	height: .5rem;
	border-radius: .25rem;
	min-width: 20%;
	left: 0;
	top: 0;
	background: #5d237d;
	animation: saProgressIndeterminate 2s infinite ease
}

.saProgressOuter .saProgressWrapper .saProgress .saProgressText {
	display: inline-flex;
	color: #60748b;
	font-size: .75rem;
	word-break: break-all;
	gap: .5rem;
	flex-wrap: wrap;
	padding-right: 4rem;
	line-height: 1;
	min-height: 2rem;
	word-break: break-word
}

.saProgressOuter .saProgressWrapper .saProgress .saDotCarouselWrapper {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: .5rem;
	right: 1rem
}

.saProgressOuter .saProgressWrapper .saProgress .saDotCarousel {
	position: relative;
	left: -624.9375rem;
	margin-left: 1rem;
	min-width: .5rem;
	height: .5rem;
	border-radius: .25rem;
	background-color: #ccd5e2;
	color: #ccd5e2;
	box-shadow: 624rem 0 0 0 #ccd5e2, 624.9375rem 0 0 0 #ccd5e2, 625.875rem 0 0 0 #ccd5e2;
	animation: saDotCarousel 1s infinite linear
}

.saCompact .saProgressWrapper {
	border-radius: 1rem;
	margin: 1rem;
	padding: 1rem
}

.saSmallScreen .saProgressWrapper {
	border-radius: 1rem;
	margin: 1rem;
	width: 100%;
	padding: 1rem
}

@keyframes saDotCarousel {
	0% {
		box-shadow: 624rem 0 0 -1px #ccd5e2, 624.9375rem 0 0 1px #ccd5e2, 625.875rem 0 0 -1px #ccd5e2
	}

	50% {
		box-shadow: 625.875rem 0 0 -1px #ccd5e2, 624rem 0 0 -1px #ccd5e2, 624.9375rem 0 0 1px #ccd5e2
	}

	100% {
		box-shadow: 624.9375rem 0 0 1px #ccd5e2, 625.875rem 0 0 -1px #ccd5e2, 624rem 0 0 -1px #ccd5e2
	}
}

@keyframes saProgressIndeterminate {

	0%,
	100% {
		left: 0
	}

	50% {
		left: 80%
	}
}

.saHelpPage .saHelpMissing {
	color: red
}

.saHelpPage .saHelpPageLastUpdated {
	font-size: .75rem;
	font-style: italic;
	color: #666
}

.saHelpPage .saHelpPageLinks table {
	border: none
}

.saHelpPage .saHelpPageLinks td {
	border: none;
	vertical-align: top
}

.saHelpPage .saHelpPageLinks p {
	margin-top: 0 !important
}

.saHelpPage * {
	font-family: Lexend, sans-serif;
	color: #333333
}

.saHelpPage img {
	max-width: 100%;
	max-height: 100%
}

.saPc .saHelpPage img {
	cursor: pointer
}

.saHelpPage a {
	font-size: 1rem
}

.saHelpPage div.saHelpPageLinks {
	display: inline-block
}

.saHelpPage hr {
	background-color: #eef1f5;
	border: 0;
	height: 1px;
	margin-bottom: 1.25rem
}

.saHelpPage ol,
.saHelpPage ul {
	font-size: 1rem;
	line-height: 1.5rem;
	max-width: 40rem
}

.saHelpPage p:last-child {
	margin-bottom: 0
}

.saHelpPage p~ol,
.saHelpPage p~ul {
	margin-top: -1rem
}

.saHelpPage table {
	max-width: 40rem;
	margin-bottom: 1.5rem
}

.saDiffView {
	tab-size: 4
}

.saDiffView pre {
	margin: 0
}

.saDiffView table,
.saDiffView td,
.saDiffView th,
.saDiffView tr {
	border: 1px solid #fff;
	border-collapse: collapse
}

.saDiffView del,
.saDiffView ins {
	text-decoration: none
}

.saDiffView .saLine {
	text-align: right;
	background: #f0f0f0
}

.saDiffView .saUnchanged {
	font-family: 'Lucida Console', monospace;
	white-space: pre-wrap;
	tab-size: 4;
	background: #f0f0ff
}

.saDiffView .saAdded {
	font-family: 'Lucida Console', monospace;
	white-space: pre-wrap;
	tab-size: 4;
	background: #f0fff0
}

.saDiffView .saDeleted {
	font-family: 'Lucida Console', monospace;
	white-space: pre-wrap;
	tab-size: 4;
	background: #fff0f0
}

.saDiffView td,
.saDiffView th {
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: top
}

.saDiffView .saToolbar {
	display: inline-flex;
	gap: .5rem
}

.saDiffView .saNoVersionSelected {
	color: #e0173e
}

.saDiffView .saVersionHeading {
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 2rem
}

.saDiffView .saDiffViewAfter,
.saDiffView .saDiffViewBefore {
	text-align: center;
	padding-bottom: .25rem;
	color: #313a44
}

.saDiffView .saDiffViewAfter button,
.saDiffView .saDiffViewBefore button {
	float: right;
	margin-left: .5rem
}

.saCalendarOverlay {
	position: fixed;
	z-index: 99;
	background: rgba(49, 58, 68, .4);
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 1.5rem
}

.saCalendarOverlay .saChangeScreenModeButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333;
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCalendarOverlay .saChangeScreenModeButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saCalendarOverlay .saChangeScreenModeButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saCalendarOverlay .saChangeScreenModeButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saCalendarOverlay .saChangeScreenModeButton .saIcon {
	color: #333333
}

.saCalendarOverlay .saChangeScreenModeButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saCalendarOverlay .saChangeScreenModeButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saCalendarOverlay .saChangeScreenModeButton:hover .saIcon {
		color: #5d237d
	}

	.saCalendarOverlay .saChangeScreenModeButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saCalendarOverlay .saChangeScreenModeButton:active {
	background: #f6deff
}

.saCalendarOverlay .saChangeScreenModeButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saCalendarOverlay .saChangeScreenModeButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saCalendarOverlay .saChangeScreenModeButton.saDestructive .saIcon {
	color: #dd1f26
}

.saCalendarOverlay .saChangeScreenModeButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saCalendarOverlay .saChangeScreenModeButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saCalendarOverlay .saChangeScreenModeButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saCalendarOverlay .saChangeScreenModeButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saCalendarOverlay .saChangeScreenModeButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saCalendarOverlay .saChangeScreenModeButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saCalendarOverlay .saChangeScreenModeButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saCalendarOverlay .saChangeScreenModeButton:active {
	border-radius: .75rem
}

.saCalendarOverlay .saChangeScreenModeButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saCalendarOverlayHeading {
	color: #fff;
	text-align: center
}

.saCalendarSection {
	display: flex;
	flex-direction: column;
	min-width: 0;
	height: fit-content;
	border: 1px solid #ccd5e2;
	border-radius: 1rem;
	position: relative;
	min-width: 54.5rem
}

.saCalendarSection:has(.saComponentContentLinksWrapper) .saWeek.saWeekDays {
	top: 8rem
}

.saCompact .saCalendarSection:has(.saComponentContentLinksWrapper) .saWeek.saWeekDays {
	top: 7rem
}

.saMiniView:not(.saFitToContent) .saCalendarSection {
	margin-bottom: .5rem
}

.saMultiPartContent .saCalendarSection {
	width: 62.5rem;
	margin-bottom: .5rem
}

.saCalendarSection .saPeriodButtons {
	display: flex
}

.saCalendarSection .saPeriodButtons button {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0
}

.saCalendarSection .saPeriodButtons button .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saCalendarSection .saPeriodButtons button .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saCalendarSection .saPeriodButtons button .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saCalendarSection .saPeriodButtons button .saIcon {
	color: #333333
}

.saCalendarSection .saPeriodButtons button.saDestructive {
	color: #dd1f26
}

.saCalendarSection .saPeriodButtons button.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saCalendarSection .saPeriodButtons button.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saCalendarSection .saPeriodButtons button.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saCalendarSection .saPeriodButtons button.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saCalendarSection .saPeriodButtons button.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saCalendarSection .saPeriodButtons button:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saCalendarSection .saPeriodButtons button:hover .saIcon {
		color: #5d237d
	}
}

.saCalendarSection .saPeriodButtons button:active {
	background-color: #f6deff;
	color: #50146e
}

.saCalendarSection .saPeriodButtons button:active .saIcon {
	color: #50146e
}

.saCalendarSection .saPeriodButtons button.saDisabled,
.saCalendarSection .saPeriodButtons button:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saCalendarSection .saPeriodButtons button.saDisabled .saIcon,
.saCalendarSection .saPeriodButtons button:disabled .saIcon {
	color: #adbdd1
}

.saStandard .saCalendarSection .saPeriodButtons button {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saCalendarSection .saPeriodButtons button:active {
	border-radius: .75rem
}

.saCompact .saCalendarSection .saPeriodButtons button {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saCalendarSection .saPeriodButtons button:active {
	border-radius: .75rem
}

.saSmallScreen .saCalendarSection .saPeriodButtons button {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saCalendarSection .saPeriodButtons button:active {
	border-radius: .75rem
}

.saCalendarSection .saTodayButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0
}

.saCalendarSection .saTodayButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saCalendarSection .saTodayButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saCalendarSection .saTodayButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saCalendarSection .saTodayButton .saIcon {
	color: #333333
}

.saCalendarSection .saTodayButton.saDestructive {
	color: #dd1f26
}

.saCalendarSection .saTodayButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saCalendarSection .saTodayButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saCalendarSection .saTodayButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saCalendarSection .saTodayButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saCalendarSection .saTodayButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saCalendarSection .saTodayButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saCalendarSection .saTodayButton:hover .saIcon {
		color: #5d237d
	}
}

.saCalendarSection .saTodayButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saCalendarSection .saTodayButton:active .saIcon {
	color: #50146e
}

.saCalendarSection .saTodayButton.saDisabled,
.saCalendarSection .saTodayButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saCalendarSection .saTodayButton.saDisabled .saIcon,
.saCalendarSection .saTodayButton:disabled .saIcon {
	color: #adbdd1
}

.saStandard .saCalendarSection .saTodayButton {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saCalendarSection .saTodayButton:active {
	border-radius: .75rem
}

.saStandard .saCalendarSection .saTodayButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saCalendarSection .saTodayButton {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saCalendarSection .saTodayButton:active {
	border-radius: .75rem
}

.saCompact .saCalendarSection .saTodayButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saCalendarSection .saTodayButton {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saCalendarSection .saTodayButton:active {
	border-radius: .75rem
}

.saSmallScreen .saCalendarSection .saTodayButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCalendarSection .saInputTextWrapper {
	min-width: 4.5rem;
	margin: 0
}

.saSmallScreen .saCalendarSection .saInputTextWrapper .saTrailingIconsWrapper,
.saStandard .saCalendarSection .saInputTextWrapper .saTrailingIconsWrapper {
	height: 2.5rem
}

.saSmallScreen .saCalendarSection .saInputText,
.saStandard .saCalendarSection .saInputText {
	height: 2.5rem
}

.saCalendarSection * {
	box-sizing: border-box
}

.saCalendarSection .saCalendarSectionInner {
	height: 100%;
	display: flex
}

@media (prefers-reduced-motion:no-preference) {

	.saCalendarSection .saGoPrevPeriod .saCalendarInner,
	.saCalendarSection .saGoPrevPeriod.saCalendarInner .saExtraInfoList,
	.saCalendarSection .saGoPrevPeriod.saCalendarInner .saScheduleActivity,
	.saCalendarSection .saGoPrevPeriod.saDateListWrapper,
	.saCalendarSection .saGoPrevPeriod.saWeeks .saDateNumber {
		animation: saGoPrevPeriod .2s ease
	}

	.saCalendarSection .saGoNextPeriod .saCalendarInner,
	.saCalendarSection .saGoNextPeriod.saCalendarInner .saExtraInfoList,
	.saCalendarSection .saGoNextPeriod.saCalendarInner .saScheduleActivity,
	.saCalendarSection .saGoNextPeriod.saDateListWrapper,
	.saCalendarSection .saGoNextPeriod.saWeeks .saDateNumber {
		animation: saGoNextPeriod .2s ease
	}
}

.saCalendarSection .saCalendar {
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: 0 0 1rem 0;
	width: calc(100% - 15rem);
	position: relative;
	color: #333333
}

.saCalendarSection .saCalendarInnerWrapper {
	overflow: hidden
}

.saCalendarSection .saWeek {
	display: flex;
	flex: 1 1 0;
	min-width: 4rem;
	border-bottom: 1px solid #ccd5e2;
	position: relative
}

.saCalendarSection .saWeek:last-child {
	border-bottom: none
}

.saCalendarSection .saWeek:last-child .saDateX:last-child {
	border-radius: 0 0 1rem 0
}

.saCalendarSection .saWeek.saWeekDays {
	flex: 0;
	align-items: stretch;
	background: #fff;
	position: sticky;
	left: 0;
	top: 4.4375rem;
	z-index: 1
}

.saCompact .saCalendarSection .saWeek.saWeekDays {
	top: 4rem
}

.saCalendarSection .saWeek.saWeekExtra {
	flex: 0;
	border-bottom: none;
	background: #fff
}

.saCalendarSection .saWeekDay {
	color: #60748b;
	flex: 1 1 0;
	border-right: 1px solid #ccd5e2;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 2rem;
	min-width: 0;
	overflow: hidden;
	font-size: .75rem;
	background: #fff
}

.saCalendarSection .saWeekDay:last-child {
	border-right: 1px solid transparent
}

.saCalendarSection .saWeekDay.saRedDay {
	color: #e0173e
}

.saCalendarSection .saNumberOfCheckedWrapper {
	display: flex;
	align-items: center;
	font-size: .75rem;
	white-space: nowrap
}

.saCalendarSection .saWeekNumber {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 1.5rem;
	background: #f8f9fb;
	color: #333333;
	font-size: .875rem;
	border-right: 1px solid #ccd5e2
}

.saCalendarSection .saDateIsToday .saDateNumber {
	color: #5d237d;
	background-color: #eef1f5;
	font-weight: 700
}

.saCalendarSection .saRedDay .saDateNumber {
	color: #e0173e;
	background: #ffe8e7
}

.saCalendarSection .saHideDescription .saCalendar .saActivity .saActivityDescription {
	display: none
}

.saCalendarSection .saHideDescription .saCalendar .saActivity .saActivityHeading {
	-webkit-line-clamp: 1
}

.saCalendarSection .saHideDescription .saCalendar .saActivity.saNoHeading .saActivityHeading {
	display: -webkit-box
}

.saCalendarSection .saDateX {
	flex: 1 1 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	position: relative;
	border: 1px solid transparent;
	border-right: 1px solid #ccd5e2;
	min-width: 0;
	overflow: hidden;
	min-height: 5.5rem
}

.saCalendarSection .saDateX:last-child {
	border-right: 1px solid transparent
}

.saCalendarSection .saDateX.saDropOn {
	border: 1px dashed #5d237d;
	background-color: #f6deff
}

.saCalendarSection .saDateX.saClickable {
	cursor: pointer
}

.saCalendarSection .saDateX.saClickable:hover {
	border: 1px solid #5d237d
}

.saCalendarSection .saDateX.saLastClicked {
	border: 1px solid #5d237d
}

.saCalendarSection .saDateInner {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: .25rem;
	gap: 2px
}

.saCalendarSection .saDateNumber {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .25rem;
	height: 1.5rem;
	min-width: 1.5rem;
	border-radius: .25rem;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: .875rem;
	line-height: .875rem;
	position: relative;
	color: #333333;
	white-space: nowrap
}

.saCalendarSection .saActivityGroup {
	display: flex;
	flex-direction: column;
	gap: 2px;
	align-items: center;
	justify-content: flex-start;
	width: 100%
}

.saCalendarSection .saActivity {
	display: flex;
	flex-direction: row;
	border-radius: .25rem;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	min-height: 1.5rem;
	width: 100%;
	padding: .25rem;
	position: relative;
	cursor: default;
	gap: .25rem;
	z-index: 0
}

.saCheckboxesVisible .saCalendarSection .saActivity.saHasCheckbox .saCheckbox {
	transform: scale(1);
	opacity: 1;
	visibility: visible
}

.saCheckboxesVisible .saCalendarSection .saActivity.saHasCheckbox .saActivityLine {
	min-width: 1rem;
	height: 1rem;
	border-radius: .25rem;
	opacity: .1;
	background-image: none !important
}

.saCalendarSection .saActivity .saActivityLine {
	height: auto;
	min-width: .25rem;
	border-radius: 2px;
	transition: ease min-width .2s, ease opacity .2s, ease border-radius .2s
}

.saCalendarSection .saActivity.saNoHeading .saActivityHeading {
	display: none
}

.saCalendarSection .saActivity .saActivityHeading {
	font-size: .75rem;
	line-height: .875rem;
	font-weight: 500;
	overflow-wrap: anywhere;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.saCalendarSection .saActivity .saActivityTime {
	font-size: .75rem;
	line-height: .75rem;
	font-weight: 300;
	color: #60748b;
	display: flex;
	margin-top: 1px
}

.saCalendarSection .saActivity .saActivityDescription {
	font-size: .75rem;
	line-height: .875rem;
	font-weight: 300;
	min-width: 2rem;
	overflow-wrap: anywhere;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}

.saCalendarSection .saActivity.saDraggable {
	cursor: grab;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.saCalendarSection .saActivity.saClickable {
	cursor: pointer
}

.saCalendarSection .saActivity.saClickable:hover .saActivityDescription,
.saCalendarSection .saActivity.saClickable:hover .saActivityTime {
	color: inherit
}

.saCalendarSection .saActivity.saClickable:active {
	border-radius: .5rem
}

.saCalendarSection .saActivity.saClickable:active .saActivityDescription,
.saCalendarSection .saActivity.saClickable:active .saActivityTime {
	color: inherit
}

.saCalendarSection .saActivity.saAllDay {
	border: 1px solid transparent;
	padding: .25rem .5rem
}

.saCalendarSection .saActivityInner {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: center
}

.saCalendarSection .saActivityInner::after {
	content: '';
	box-shadow: inset 0 0 0 0 #5d237d;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	position: absolute
}

.saCalendarSection .saActivityHeadingWrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	overflow: hidden;
	width: 100%;
	gap: .25rem
}

.saCalendarSection .saCalendarHeader {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #ccd5e2;
	border-radius: 1rem 1rem 0 0;
	color: #333333;
	position: sticky;
	top: -1px;
	z-index: 10;
	background-color: #fff
}

.saCalendarSection .saComponentContentLinksWrapper {
	display: flex;
	align-items: center;
	background: #eef1f5;
	padding: .5rem .75rem;
	box-shadow: inset 0 1px 0 #ccd5e2
}

.saCalendarSection .saComponentContentLinksWrapper .saBadgeCount {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	box-sizing: border-box;
	min-width: 1rem;
	color: #333333;
	background-color: #e5e2db;
	border-radius: .75rem;
	font-size: .75rem;
	line-height: 1rem;
	padding: .25rem;
	transition: ease background-color .2s;
	white-space: nowrap;
	flex-shrink: 0
}

.saCalendarSection .saComponentContentLinksWrapper .saBadgeCount.saUrgent {
	color: #fff;
	background-color: #e0173e
}

.saStandard .saCalendarSection .saComponentContentLinksWrapper .saContextMenu {
	top: 3.5rem
}

.saCompact .saCalendarSection .saComponentContentLinksWrapper .saContextMenu {
	top: 2.75rem
}

.saCompact .saCalendarSection .saComponentContentLinksWrapper .saContextMenu .saContextMenuItem {
	font-size: .875rem
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks {
	display: flex;
	gap: .5rem;
	align-items: center
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saButtonText,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saBadgedIcon,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saIcon,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saIcon,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saIcon {
	color: #333333
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saBadge,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {

	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:hover,
	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:hover .saIcon,
	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:hover .saIcon {
		color: #5d237d
	}

	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:hover .saBadge,
	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:active,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:active {
	background: #f6deff
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:active .saBadge,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive .saIcon,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive .saIcon {
	color: #dd1f26
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive .saBadge,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {

	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive:hover,
	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive:hover .saIcon,
	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive:hover .saBadge,
	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive:active,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive:active .saIcon,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saDestructive:active .saBadge,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saStandard .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton,
.saStandard .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:active,
.saStandard .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:active {
	border-radius: .75rem
}

.saStandard .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saIcon,
.saStandard .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton,
.saCompact .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:active,
.saCompact .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:active {
	border-radius: .75rem
}

.saCompact .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saIcon,
.saCompact .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton,
.saSmallScreen .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton:active,
.saSmallScreen .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton:active {
	border-radius: .75rem
}

.saSmallScreen .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton .saIcon,
.saSmallScreen .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saStandard .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saMoreButton,
.saStandard .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saMoreButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saMoreButton:active,
.saStandard .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saMoreButton:active {
	border-radius: .75rem
}

.saCompact .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saMoreButton,
.saCompact .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saMoreButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saMoreButton:active,
.saCompact .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saMoreButton:active {
	border-radius: .75rem
}

.saSmallScreen .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saMoreButton,
.saSmallScreen .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saMoreButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saMoreButton:active,
.saSmallScreen .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saMoreButton:active {
	border-radius: .75rem
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary {
	background-color: #5d237d;
	color: #f5f3ee
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary .saIcon,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary .saIcon {
	color: #f5f3ee
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary .saBadge,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary .saBadge {
	color: #5d237d;
	background: #f5f3ee;
	border-color: #5d237d
}

@media (pointer:fine) {

	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary:hover,
	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary:hover {
		background-color: #50146e
	}

	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary:hover .saBadge,
	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary:hover .saBadge {
		background-color: #f5f3ee;
		border-color: #50146e
	}
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary:active,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary:active {
	background-color: #42045f
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary:active .saBadge,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary:active .saBadge {
	color: #42045f;
	border-color: 2px solid #42045f
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary:disabled,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary:disabled {
	background: #d3b9e7;
	pointer-events: none
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary.saDestructive,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary.saDestructive {
	background-color: #dd1f26;
	color: #fff;
	border-color: #ffdbd7
}

@media (pointer:fine) {

	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saButtonPrimary.saDestructive:hover,
	.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saButtonPrimary.saDestructive:hover {
		background-color: #c60014
	}
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive.saButtonPrimary,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive.saDestructive,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive.saButtonPrimary,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive.saDestructive {
	background-color: #fff;
	color: #adbdd1;
	border-color: transparent;
	cursor: default
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive .saIcon,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive.saButtonPrimary .saIcon,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive.saDestructive .saIcon,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive .saIcon,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive.saButtonPrimary .saIcon,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive.saDestructive .saIcon {
	color: #adbdd1;
	background: 0 0
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive .saBadge,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive.saButtonPrimary .saBadge,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saComponentContentLinkButton.saInactive.saDestructive .saBadge,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive .saBadge,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive.saButtonPrimary .saBadge,
.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saMoreButton.saInactive.saDestructive .saBadge {
	color: #adbdd1;
	background-color: #fff;
	border-color: #adbdd1
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saBadge {
	height: .875rem;
	min-width: .875rem;
	font-size: .625rem;
	right: -.25rem;
	bottom: -.25rem;
	z-index: 2
}

.saCompact .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saBadge {
	height: .75rem;
	min-width: .75rem;
	font-size: .5rem;
	right: -.375rem;
	bottom: -.25rem;
	border: 1px solid
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saCollectorWrapper {
	display: flex
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saCollectorWrapper .saContextMenuWrapper {
	position: relative
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saCollectorWrapper .saContextMenuWrapper .saContextMenu {
	position: absolute;
	overflow-x: hidden
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saCollectorWrapper .saContextMenuWrapper .saContextMenuItem {
	max-width: 25rem
}

.saSmallScreen .saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saCollectorWrapper .saContextMenuWrapper .saContextMenuItem {
	max-width: 90vw
}

.saCalendarSection .saComponentContentLinksWrapper .saComponentContentLinks .saCollectorWrapper .saContextMenuWrapper .saButtonText {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left
}

.saStandard .saCalendarSection .saComponentContentLinksWrapper {
	height: 3.5rem
}

.saCompact .saCalendarSection .saComponentContentLinksWrapper {
	height: 3rem
}

.saCalendarSection .saComponentContentLinksWrapper .saToggleWrapper {
	padding-right: .5rem
}

.saCalendarSection .saCalendarHeaderInner {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1rem;
	width: 100%
}

.saCalendarSection .saCalendarHeaderInner .saInputText::-webkit-inner-spin-button {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none
}

.saCalendarSection .saCalendarHeaderInner .saInputText.saNumberInput {
	width: 5rem
}

.saCalendarSection .saCalendarHeaderInner .saDropdown+.saDropdown .saInputText {
	min-width: 7.25rem
}

.saDesktopCalendar.saCalendarSection .saDateNumber {
	pointer-events: none
}

.saDesktopCalendar.saCalendarSection .saCalendarHeading {
	display: flex;
	min-width: 12.4375rem
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebar.saClose~.saCalendar .saWeek:last-child .saWeekNumber {
	border-radius: 0 0 0 1rem
}

.saDesktopCalendar.saCalendarSection .saClose+.saCalendar {
	width: 100%
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarExpander {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	max-height: 2rem;
	width: 100%;
	max-width: 1.5rem;
	border: none;
	color: #fff;
	font-size: 1rem;
	cursor: pointer;
	background: #313a44;
	transition: ease color .2s, ease background-color .2s
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarExpander:hover {
	color: #5d237d;
	background: #404c5b
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarExpander:active {
	color: #5d237d;
	background: #506072
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarExpander.saClose {
	transform: rotate(180deg)
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebar {
	position: relative;
	transition: ease all .2s;
	border-right: 1px solid #ccd5e2;
	min-height: 0;
	transition: ease width .2s, ease opacity .2s;
	width: 15rem;
	display: flex
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebar.saClose {
	display: none
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebar.saClose .saCalendarSidebarInner {
	transform: translateX(-15rem)
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarInner {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	padding: 1rem;
	min-height: 0;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: ease transform .3s;
	transform: translateX(0);
	transition-delay: .1s;
	position: sticky;
	top: 4.5rem
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarInner .saDatePickerRoot {
	position: relative;
	box-shadow: none;
	border: none;
	padding: 0;
	animation: none;
	z-index: 1
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarInner .saDatePickerRoot .saWeekNr {
	height: 1.5rem;
	min-width: .75rem;
	font-size: .625rem;
	line-height: .625rem
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarInner .saDatePickerRoot .saDate {
	height: 1.5rem;
	width: 1.5rem;
	min-width: 1.5rem;
	font-size: .75rem;
	line-height: .75rem;
	position: relative
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarInner .saDatePickerRoot .saDate::before {
	content: '';
	height: 1.75rem;
	width: 1.75rem;
	position: absolute;
	left: -2px;
	top: -2px;
	z-index: -1
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarInner .saDatePickerRoot .saDate.saMarked::before {
	background-color: #eef1f5
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarInner .saDatePickerRoot .saDayRow {
	display: flex;
	flex-direction: row;
	gap: .25rem;
	font-size: .625rem;
	line-height: .625rem;
	height: .75rem;
	min-width: 13rem
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarInner .saDatePickerRoot .saDayRow .saDay {
	width: 1.5rem;
	font-size: .625rem;
	line-height: .625rem;
	min-width: 1.5rem
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarInner .saDatePickerRoot .saMonths a .saIcon {
	min-height: 1.5rem;
	min-width: 1.5rem;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: .25rem;
	font-size: .875rem;
	line-height: .875rem
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarInner .saDatePickerRoot .saMonths a .saIcon::after {
	height: 2rem;
	width: 2rem
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarInner .saDatePickerRoot .saDateRow {
	display: flex;
	flex-direction: row;
	gap: .25rem;
	min-width: 13rem
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarInner .saDatePickerRoot .saDatePickerMonthHeading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: .5rem
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarInner .saCalendarSidebarHeading {
	font-size: .875rem;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	color: #333333;
	text-align: left
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarSection {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	transition: height .2s ease;
	min-height: 0
}

.saDesktopCalendar.saCalendarSection .saCalendarSidebarSection.saSidebarCalendar {
	min-height: 13.5rem
}

.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	gap: .5rem;
	height: 1.5rem;
	padding: .5rem;
	font-size: .75rem;
	border-radius: .25rem;
	width: calc(100% - .5rem)
}

.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton .saIcon {
	color: #333333
}

.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton.saDestructive {
	color: #dd1f26
}

.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton:hover .saIcon {
		color: #5d237d
	}
}

.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton:active .saIcon {
	color: #50146e
}

.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton.saDisabled,
.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton.saDisabled .saIcon,
.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton:disabled .saIcon {
	color: #adbdd1
}

.saDesktopCalendar.saWeekdaysCalendar .saShowMoreButton:active {
	border-radius: .75rem
}

.saDesktopCalendar.saWeekdaysCalendar .saCheckbox {
	position: absolute;
	left: .25rem;
	top: .25rem;
	height: 1rem;
	min-width: 1rem;
	transition: ease transform .2s, ease opacity .2s, ease background-color .2s, ease visibility .2s;
	transform-origin: left;
	transform: scale(0);
	opacity: 0;
	visibility: hidden;
	background-color: transparent
}

.saDesktopCalendar.saWeekdaysCalendar .saCheckbox::after {
	height: 1.5rem;
	width: 1.25rem
}

.saDesktopCalendar.saWeekdaysCalendar .saCheckbox:checked {
	background-color: #5d237d
}

.saDesktopCalendar.saTimeScheduleCalendar {
	min-width: fit-content
}

.saDesktopCalendar.saTimeScheduleCalendar .saCalendarInnerWrapper:last-child .saWeek:last-child {
	border-bottom: none
}

.saDesktopCalendar.saTimeScheduleCalendar .saWeek:last-child {
	border-bottom: 1px solid #ccd5e2
}

.saDesktopCalendar.saTimeScheduleCalendar .saWeek.saWeekDays {
	border-bottom: none
}

.saDesktopCalendar.saTimeScheduleCalendar .saScheduleActivity .saCheckbox {
	min-width: 1rem;
	height: 1rem;
	margin-top: 2px
}

.saDesktopCalendar.saTimeScheduleCalendar .saWeekDates {
	border-bottom: 1px solid #ccd5e2;
	min-height: 2rem;
	position: sticky;
	left: 0;
	top: 6rem;
	z-index: 9
}

.saStandard .saDesktopCalendar.saTimeScheduleCalendar .saWeekDates {
	top: 6.4375rem
}

.saDesktopCalendar.saTimeScheduleCalendar .saWeekDates .saWeekExtraInner {
	border: 1px solid transparent;
	border-right: 1px solid #ccd5e2
}

.saDesktopCalendar.saTimeScheduleCalendar .saNumberOfCheckedWrapper {
	font-size: .875rem;
	margin-right: .5rem;
	font-variant-numeric: tabular-nums
}

.saDesktopCalendar.saTimeScheduleCalendar .saWeekExtraInner {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 2px .25rem;
	gap: 2px;
	min-width: 0;
	border: none;
	border-right: 1px solid #ccd5e2;
	align-items: center
}

.saDesktopCalendar.saTimeScheduleCalendar .saWeekExtraInner:last-child {
	border-right-color: transparent
}

.saDesktopCalendar.saTimeScheduleCalendar .saWeek.saWeekDays {
	z-index: 8
}

.saDesktopCalendar.saTimeScheduleCalendar .saWeekNumber {
	min-width: 3.5rem
}

.saDesktopCalendar.saTimeScheduleCalendar .saDateNumber {
	width: fit-content
}

.saDesktopCalendar.saTimeScheduleCalendar .saCalendarStripe.saDropOn {
	border: 1px dashed #5d237d;
	background-color: #f6deff
}

.saDesktopCalendar.saTimeScheduleCalendar .saClickable.saWeekExtraInner:hover,
.saDesktopCalendar.saTimeScheduleCalendar .saWeekExtraInner.saLastClicked {
	border: 1px solid #5d237d;
	cursor: pointer
}

.saDesktopCalendar.saTimeScheduleCalendar .saCalendarItemList {
	padding-right: 1rem;
	border-right: 1px solid #ccd5e2
}

.saDesktopCalendar.saTimeScheduleCalendar .saCalendarItemList:last-child {
	border-right-color: transparent
}

.saDesktopCalendar.saTimeScheduleCalendar .saCalendarStripe,
.saDesktopCalendar.saTimeScheduleCalendar .saCurrentTime {
	width: calc(100% + 1rem)
}

.saDesktopCalendar.saTimeScheduleCalendar .saCalendarItemListInner {
	display: flex;
	width: 100%;
	position: relative
}

.saDesktopCalendar.saTimeScheduleCalendar .saCalendarSidebarExpander {
	max-width: 3.5rem
}

.saDesktopCalendar.saTimeScheduleCalendar:has(.saComponentContentLinksWrapper) .saWeekDates {
	top: 9rem
}

.saStandard .saDesktopCalendar.saTimeScheduleCalendar:has(.saComponentContentLinksWrapper) .saWeekDates {
	top: 10rem
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilterSection {
	position: relative;
	flex: 1;
	overflow: hidden;
	min-height: 10rem;
	height: 100%;
	margin-left: -.5rem;
	width: calc(100% + 1rem)
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter {
	position: absolute;
	width: 100%;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow-y: auto
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter legend {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton {
	width: 100%
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton .saIcon {
	margin-right: .25rem
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter.saOpen .saResourceFilterExpandButton .saIcon {
	transform: rotate(180deg)
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter label {
	display: none;
	gap: .5rem;
	align-items: center;
	cursor: pointer;
	overflow: hidden;
	min-height: 2rem;
	margin-left: .5rem
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter label:has(.saCheckbox.saDisabled) {
	cursor: default
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter.saOpen label {
	display: flex
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter span {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: .75rem
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem;
	color: #5d237d;
	background: 0 0
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton:active {
	border-radius: .75rem
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton .saIcon {
	color: #333333
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton.saDestructive {
	color: #dd1f26
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton:hover .saIcon {
		color: #5d237d
	}
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton:active .saIcon {
	color: #50146e
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton.saDisabled,
.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton.saDisabled .saIcon,
.saDesktopCalendar.saResourceCalendar .saCalendarResourceFilter .saResourceFilterExpandButton:disabled .saIcon {
	color: #adbdd1
}

.saDesktopCalendar.saResourceCalendar .saWeekDates .saWeekExtraInner {
	justify-content: center;
	overflow: hidden
}

.saDesktopCalendar.saResourceCalendar .saWeekDates .saWeekExtraInner time {
	text-align: center;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.saStandard .saDesktopCalendar.saResourceCalendar .saWeekDates {
	top: 4.5rem
}

.saCompact .saDesktopCalendar.saResourceCalendar .saWeekDates {
	top: 4rem
}

.saDesktopCalendar.saResourceCalendar .saCalendarHeading {
	min-width: 21.5rem
}

.saCompact .saDesktopCalendar.saResourceCalendar .saCalendarHeading {
	min-width: 19rem
}

.saDesktopCalendar.saResourceCalendar .saCurrentTime {
	left: 3.5rem;
	width: calc(100% - 3.5rem)
}

.saDesktopCalendar.saResourceCalendar:has(.saComponentContentLinksWrapper) .saWeekDates {
	top: 7rem
}

.saStandard .saDesktopCalendar.saResourceCalendar:has(.saComponentContentLinksWrapper) .saWeekDates {
	top: 8rem
}

.saTimeScheduleCalendar .saCalendarItemList .saCalendarStripe.saLastClicked,
.saTimeScheduleCalendar .saCalendarItemList .saHasLinks .saCalendarStripe:hover,
.saTimeScheduleCalendar .saCalendarItemList.saHasLinks .saCalendarStripe:hover {
	background: #f8f9fb;
	cursor: pointer;
	outline: 1px solid #5d237d;
	outline-offset: -1px
}

.saTimeScheduleCalendar .saListWrapper {
	display: flex;
	min-width: 4rem;
	position: relative
}

.saTimeScheduleCalendar .saListWrapper .saListActivity {
	width: 100%
}

.saTimeScheduleCalendar .saSlotWrapper {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 0;
	min-width: 3.5rem;
	flex: 0;
	border-right: 1px solid #ccd5e2;
	position: relative
}

.saTimeScheduleCalendar .saSlot {
	display: flex;
	font-size: .625rem;
	color: #60748b;
	width: 2rem;
	text-align: center;
	background: 0 0;
	align-items: flex-start;
	justify-content: center
}

.saTimeScheduleCalendar .saSlot::after {
	content: '';
	height: 1px;
	background-color: #eef1f5;
	width: .25rem;
	right: 0;
	position: absolute
}

.saTimeScheduleCalendar .saSlotInner {
	max-height: .75rem;
	overflow: visible;
	margin-top: -.375rem;
	position: relative
}

.saTimeScheduleCalendar .saCalendarItemList {
	display: flex;
	flex: 1 1 0;
	gap: 2px;
	width: 100%;
	position: relative
}

.saTimeScheduleCalendar .saCalendarStripe {
	position: absolute;
	width: 100%;
	border-top: 1px solid #eef1f5
}

.saTimeScheduleCalendar .saCalendarBackground {
	display: flex;
	position: absolute;
	z-index: 2;
	opacity: .4
}

.saTimeScheduleCalendar .saScheduleActivity {
	display: flex;
	flex-direction: column;
	border-radius: .25rem;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	padding: .25rem;
	position: absolute;
	gap: .25rem;
	z-index: 3;
	overflow: hidden;
	min-height: 1.75rem
}

.saTimeScheduleCalendar .saScheduleActivity .saScheduleActivityHeadingWrapper {
	display: flex;
	gap: .25rem
}

.saTimeScheduleCalendar .saScheduleActivity.saDraggable {
	cursor: grab;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.saTimeScheduleCalendar .saScheduleActivity.saClickable {
	cursor: pointer
}

.saTimeScheduleCalendar .saScheduleActivity .saScheduleActivityInner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
	margin-left: 2px;
	position: relative
}

.saTimeScheduleCalendar .saScheduleActivity .saListActivityHeading {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	overflow: hidden;
	word-break: break-word
}

.saTimeScheduleCalendar .saScheduleActivity .saListActivityDescription {
	font-size: .75rem;
	line-height: .875rem;
	font-weight: 300;
	word-break: break-word
}

.saTimeScheduleCalendar .saCurrentTime {
	position: absolute;
	width: 100%;
	background: #e0173e;
	height: 1px;
	z-index: 4;
	outline: 1px solid #fff;
	pointer-events: none
}

.saTimeScheduleCalendar .saCurrentTime::before {
	content: '';
	height: .5rem;
	min-width: .5rem;
	outline: 1px solid #fff;
	position: absolute;
	left: 0;
	top: -.1875rem;
	border-radius: .5rem;
	background: #e0173e
}

@keyframes saGoPrevPeriod {
	0% {
		opacity: 0;
		transform: translateX(-6rem)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes saGoNextPeriod {
	0% {
		opacity: 0;
		transform: translateX(6rem)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

.saCalendarSection .saCalendar.saManyItems .saActivity .saCheckbox {
	transition: none
}

.saCalendarSection .saCalendar.saManyItems .saActivity .saActivityLine {
	transition: none
}

.saSmallScreenCalendar.saCalendarSection {
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	min-width: 0;
	border: none;
	max-width: 100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.saSmallScreenCalendar.saCalendarSection .saEmptyState {
	padding-top: 4rem;
	width: 100%
}

.saSmallScreenCalendar.saCalendarSection .saIsInEmptyState .saMoreDayButton {
	display: none
}

.saSmallScreenCalendar.saCalendarSection .saIsInEmptyState .saSlotWrapper {
	display: none
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton .saIcon {
	color: #333333
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton.saDestructive {
	color: #dd1f26
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton:hover .saIcon {
		color: #5d237d
	}
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton:active .saIcon {
	color: #50146e
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton.saDisabled,
.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton.saDisabled .saIcon,
.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton:disabled .saIcon {
	color: #adbdd1
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeadingButton:active {
	border-radius: .75rem
}

.saSmallScreenCalendar.saCalendarSection .saContentRight {
	padding: 0
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderSmallScreen {
	display: flex;
	flex-direction: column;
	flex: 1 1 100%
}

.saSmallScreenCalendar.saCalendarSection .saCalendar {
	width: 100%
}

.saSmallScreenCalendar.saCalendarSection .saCalendar .saActivityLine {
	min-width: 2px;
	border-radius: 1px
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerSmallScreen {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1 1 100%;
	position: relative
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeader {
	padding: .5rem .5rem .5rem .75rem;
	top: 0;
	z-index: 2;
	background: #fff;
	border-radius: 0
}

.saSmallScreenCalendar.saCalendarSection:has(.saCalendarHeadingButton.saOpen) .saCalendarInner,
.saSmallScreenCalendar.saCalendarSection:has(.saCalendarHeadingButton.saOpen) .saCalendarList {
	overflow: hidden;
	position: relative
}

.saSmallScreenCalendar.saCalendarSection:has(.saCalendarHeadingButton.saOpen) .saCalendarInner::after,
.saSmallScreenCalendar.saCalendarSection:has(.saCalendarHeadingButton.saOpen) .saCalendarList::after {
	content: '';
	position: absolute;
	z-index: 9;
	inset: 0;
	width: 100vh;
	height: 1000vh;
	background: rgba(49, 58, 68, .4)
}

.saSmallScreenCalendar.saCalendarSection .saCalendarFilter {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding: 0 .5rem 1rem .5rem;
	position: absolute;
	width: 100%;
	z-index: 10;
	background: #fff;
	top: 3.5rem;
	box-shadow: 0 1px 0 #ccd5e2, -1px 0 0 #ccd5e2, 1px 0 0 #ccd5e2
}

.saSmallScreenCalendar.saCalendarSection .saCalendarFilter .saInputTextWrapper {
	width: 100%
}

.saSmallScreenCalendar.saCalendarSection .saCalendarFilter::before {
	content: '';
	position: fixed;
	z-index: -10;
	top: 0;
	left: 0;
	width: 100vh;
	height: 100vh
}

.saSmallScreenCalendar.saCalendarSection .saHiddenDate {
	position: absolute;
	top: 0;
	left: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	opacity: 0;
	height: 100%;
	width: 100%
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderButton {
	display: flex;
	justify-content: space-between;
	gap: .5rem;
	align-items: center;
	font: inherit;
	color: inherit;
	border: none;
	background: 0 0;
	padding: 0;
	height: 2.5rem;
	position: relative;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderButton .saIcon {
	color: #60748b;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderButton::before {
	content: '';
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	height: 100%;
	width: calc(100% + 1rem);
	background-color: #eef1f5;
	position: absolute;
	left: -.5rem;
	border-radius: 2px;
	z-index: -1;
	opacity: 0
}

@media (pointer:fine) {
	.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderButton:hover {
		color: #5d237d
	}

	.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderButton:hover::before {
		opacity: 1;
		border-radius: .75rem
	}

	.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderButton:hover .saIcon {
		color: #5d237d
	}
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderButton:active {
	color: #5d237d
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderButton:active::before {
	opacity: 1;
	border-radius: .75rem
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderButton:active .saIcon {
	color: #5d237d
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderButton:focus-within {
	color: #5d237d
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderButton:focus-within::before {
	opacity: 1;
	border-radius: .5rem
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderButton:focus-within .saIcon {
	color: #5d237d;
	transform: rotate(180deg)
}

.saSmallScreenCalendar.saCalendarSection .saCalendarInner {
	height: 100%;
	display: flex;
	flex-direction: column
}

.saSmallScreenCalendar.saCalendarSection .saCalendarInner .saWeekHeader {
	max-height: 1.625rem
}

.saSmallScreenCalendar.saCalendarSection .saCalendarInner .saWeek {
	overflow: hidden
}

.saSmallScreenCalendar.saCalendarSection .saCalendarInnerWrapper {
	height: 100%
}

.saSmallScreenCalendar.saCalendarSection .saWeekDay {
	font-size: .625rem;
	line-height: .625rem;
	min-height: 1.5rem;
	height: auto
}

.saSmallScreenCalendar.saCalendarSection .saWeekNumber {
	font-size: .75rem;
	line-height: .75rem;
	width: 1rem
}

.saSmallScreenCalendar.saCalendarSection .saDateX.saDateIsToday .saDateNumber {
	color: #fff;
	font-weight: 400;
	background: #5d237d
}

.saSmallScreenCalendar.saCalendarSection .saDateNumber {
	padding: 0 .25rem;
	height: 1.25rem;
	min-width: 1.25rem;
	max-width: fit-content;
	border-radius: .25rem;
	font-size: .875rem
}

.saSmallScreenCalendar.saCalendarSection .saDateNumber:active {
	background: 0 0;
	color: inherit;
	transform: scale(1)
}

.saSmallScreenCalendar.saCalendarSection .saDateNumber::after {
	height: 0;
	width: 0
}

.saSmallScreenCalendar.saCalendarSection .saButtons {
	display: flex
}

.saSmallScreenCalendar.saCalendarSection .saActivity {
	min-height: .75rem;
	height: .75rem;
	gap: 2px;
	padding: 0;
	pointer-events: none;
	width: 100%;
	height: 100%;
	margin: 0
}

.saSmallScreenCalendar.saCalendarSection .saActivity::before {
	min-width: 2px
}

.saSmallScreenCalendar.saCalendarSection .saActivity.saAllDay {
	min-height: .875rem;
	height: .875rem;
	max-height: .875rem;
	padding: 0 0 0 2px
}

.saSmallScreenCalendar.saCalendarSection .saActivity.saMoreItems {
	padding: 0;
	color: #5d237d
}

.saSmallScreenCalendar.saCalendarSection .saActivity.saMoreItems .saActivityHeadingWrapper {
	justify-content: center
}

.saSmallScreenCalendar.saCalendarSection .saActivityHeading {
	white-space: nowrap;
	font-size: .625rem;
	line-height: .625rem;
	font-weight: 400
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow {
	display: flex;
	flex-direction: column;
	position: relative;
	min-width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ccd5e2;
	min-height: 3.5rem;
	background: #f8f9fb;
	z-index: 2
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeekDays {
	position: absolute;
	top: 0;
	user-select: none;
	pointer-events: none;
	min-width: 100%;
	flex: 1;
	justify-content: space-between;
	border-bottom: none;
	background: 0 0;
	color: #60748b
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeekDays .saWeekDay {
	border: none;
	background: 0 0
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeekDays .saWeekDay.saDateIsToday {
	color: #5d237d
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeekDays .saWeekDay.saDateIsCurrent {
	color: #5d237d
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeeks {
	display: flex;
	overflow-y: hidden;
	overflow-x: hidden
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeek:not(.saWeekDays) {
	min-width: 100%;
	flex: 1;
	justify-content: space-between;
	border-bottom: none;
	min-height: 3.5rem
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeek:not(.saWeekDays) .saWeekDay {
	border: none;
	padding: 0;
	height: 3rem;
	justify-content: space-between
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeek:not(.saWeekDays) .saDateNumber {
	flex: 1;
	padding-top: 1rem;
	height: unset;
	min-width: unset;
	max-width: unset;
	overflow: hidden;
	background-color: #f8f9fb
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeek:not(.saWeekDays) .saDateNumber.saHasItems::after {
	content: '';
	height: .25rem;
	width: .25rem;
	border-radius: 2px;
	position: absolute;
	background-color: #5d237d;
	bottom: .375rem;
	z-index: 1;
	pointer-events: none
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeek:not(.saWeekDays) .saDateNumber.saRedDay .saDateNumberInner {
	color: #e0173e
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeek:not(.saWeekDays) .saDateNumber:active .saDateNumberInner {
	background-color: #eef1f5;
	color: #5d237d;
	border-radius: .75rem
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeek:not(.saWeekDays) .saDateNumber.saDateIsToday .saDateNumberInner {
	color: #5d237d
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeek:not(.saWeekDays) .saDateNumber.saDateIsToday .saDateNumberInner::before {
	background: #f6deff;
	border-radius: .5rem;
	transform: translateX(0)
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeek:not(.saWeekDays) .saDateNumber.saDateIsCurrent .saDateNumberInner {
	color: #fff
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeek:not(.saWeekDays) .saDateNumber.saDateIsCurrent .saDateNumberInner::before {
	background: #5d237d;
	border-radius: .5rem;
	transform: translateX(0)
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeek:not(.saWeekDays) .saDateNumber.saDateIsCurrent.saWideDate .saDateNumberInner::before {
	width: 3rem
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeek:not(.saWeekDays) .saDateNumberInner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2rem;
	width: 2rem;
	font-size: 1rem;
	position: relative;
	z-index: 1
}

.saSmallScreenCalendar.saCalendarSection .saCalendarHeaderInnerRow .saWeek:not(.saWeekDays) .saDateNumberInner::before {
	content: '';
	position: absolute;
	bottom: 0;
	height: 2rem;
	width: 2rem;
	border-radius: .25rem;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	z-index: -1;
	transform: scale(.4);
	background: 0 0
}

.saSmallScreenCalendar.saCalendarSection .saCalendarListOuter {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 12.5rem
}

.saSmallScreenCalendar.saCalendarSection .saCalendarList {
	display: flex;
	justify-content: center;
	position: absolute;
	width: 100%
}

.saSmallScreenCalendar.saCalendarSection .saCalendarListInner {
	display: flex;
	flex-direction: column;
	width: 100%
}

.saSmallScreenCalendar.saCalendarSection .saDateListWrapper {
	display: flex;
	flex-direction: column;
	overflow-y: auto
}

.saSmallScreenCalendar.saCalendarSection .saDateListWrapper:first-child {
	border: none
}

.saSmallScreenCalendar.saCalendarSection .saDateList {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding-top: .5rem
}

.saSmallScreenCalendar.saCalendarSection .saDateListHeadingWrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	flex: 1;
	background: #fff;
	top: 0;
	z-index: 1;
	padding: .5rem .5rem .5rem 1rem;
	max-height: 3rem;
	border-bottom: 1px solid #ccd5e2
}

.saSmallScreenCalendar.saCalendarSection .saDateListHeadingWrapper button.saIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	height: 2rem;
	min-width: 2rem;
	border-radius: .5rem;
	color: #60748b;
	border: none;
	margin: 0;
	background: 0 0
}

.saSmallScreenCalendar.saCalendarSection .saDateListHeadingWrapper:active .saIcon {
	background: #f8f9fb;
	color: #5d237d
}

.saSmallScreenCalendar.saCalendarSection .saDateListHeading {
	display: flex;
	gap: 1rem;
	align-items: center;
	font-weight: 600
}

.saSmallScreenCalendar.saCalendarSection .saListActivity * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.saSmallScreenCalendar.saCalendarSection .saListActivity button.saIcon,
.saSmallScreenCalendar.saCalendarSection .saScheduleActivity button.saIcon {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1rem;
	height: 2rem;
	min-width: 2rem;
	max-width: 2rem;
	border-radius: .5rem;
	color: #60748b;
	border: none;
	margin: 0;
	background: 0 0;
	position: absolute;
	right: .5rem;
	top: .25rem;
	transition: ease background .2s, ease color .2s
}

.saSmallScreenCalendar.saCalendarSection .saListActivity button.saIcon:active,
.saSmallScreenCalendar.saCalendarSection .saScheduleActivity button.saIcon:active {
	background: #f8f9fb;
	color: #5d237d
}

.saSmallScreenCalendar.saCalendarSection .saListActivity button.saIcon::after,
.saSmallScreenCalendar.saCalendarSection .saScheduleActivity button.saIcon::after {
	content: '';
	height: 2.75rem;
	width: 2.75rem;
	position: absolute;
	right: -.25rem;
	top: -.25rem
}

.saSmallScreenCalendar.saCalendarSection .saListActivity {
	position: relative;
	min-height: 2.5rem;
	border-radius: .5rem;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.saSmallScreenCalendar.saCalendarSection .saListActivity.saAllDay {
	margin: 0 .25rem;
	min-height: 2rem;
	border-radius: .25rem
}

.saSmallScreenCalendar.saCalendarSection .saListActivity.saAllDay .saListActivityInner {
	padding: 0;
	min-height: 2rem
}

.saSmallScreenCalendar.saCalendarSection .saListActivityInner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 2.5rem;
	gap: 2px;
	padding: .5rem 2.5rem .5rem 1rem;
	margin: 0 .5rem;
	position: relative
}

.saSmallScreenCalendar.saCalendarSection .saListActivityInner .saActivityLine {
	position: absolute;
	min-height: calc(100% - 1rem);
	top: .5rem;
	left: .5rem;
	min-width: 2px;
	border-radius: 1px;
	background: #5d237d;
	transition: height .2s ease
}

.saSmallScreenCalendar.saCalendarSection .saListActivityInner.saHasCheckbox:active {
	background: #f8f9fb;
	border-radius: .75rem
}

.saSmallScreenCalendar.saCalendarSection .saListActivityInner .saCheckbox {
	width: 1.25rem;
	height: 1.25rem;
	position: absolute;
	left: .5rem;
	top: calc(50% - .625rem)
}

.saSmallScreenCalendar.saCalendarSection .saListActivityDescription,
.saSmallScreenCalendar.saCalendarSection .saListActivityHeading {
	font-size: .75rem;
	line-height: 1rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.saSmallScreenCalendar.saCalendarSection .saListActivityHeading {
	font-weight: 500
}

.saSmallScreenCalendar.saCalendarSection .saListActivityDescription {
	font-weight: 300
}

.saSmallScreenCalendar.saWeekdaysCalendar .saListActivityDescription {
	-webkit-line-clamp: 8
}

.saSmallScreenCalendar.saWeekdaysCalendar .saListActivityTime {
	font-size: .875rem;
	line-height: .875rem;
	color: #60748b
}

.saSmallScreenCalendar.saWeekdaysCalendar label.saListActivityInner {
	padding: .5rem 2.5rem .5rem 2.5rem
}

.saSmallScreenCalendar.saWeekdaysCalendar label.saListActivityInner::before {
	min-height: 1.25rem;
	min-width: 1.25rem;
	border-radius: .25rem;
	top: calc(50% - .625rem);
	background: #f6deff;
	transition: height .2s ease, background .2s ease
}

.saSmallScreenCalendar.saCalendarSection.saTimeScheduleCalendar .saCalendarInner {
	overflow-x: auto
}

.saSmallScreenCalendar.saCalendarSection.saTimeScheduleCalendar .saSlotWrapper {
	min-width: 3rem
}

.saSmallScreenCalendar.saCalendarSection.saTimeScheduleCalendar .saCalendarStripe::before {
	content: '';
	left: -3rem;
	position: absolute;
	height: 100%;
	width: 3rem
}

.saSmallScreenCalendar.saCalendarSection.saTimeScheduleCalendar .saScheduleActivity.saHasLinks .saScheduleActivityInner {
	padding-right: .875rem
}

.saSmallScreenCalendar.saCalendarSection.saTimeScheduleCalendar .saScheduleActivity button.saIcon {
	right: 0;
	top: 0;
	color: #333333;
	min-width: 1.5rem;
	max-width: 1.5rem;
	height: 1.5rem;
	margin-top: 2px
}

.saSmallScreenCalendar.saCalendarSection.saTimeScheduleCalendar .saExtraInfoList {
	flex: 1 1 0;
	background: #fff;
	display: flex;
	width: 100%;
	position: relative;
	padding: .25rem;
	flex-direction: column;
	gap: .25rem
}

.saSmallScreenCalendar.saCalendarSection.saTimeScheduleCalendar .saListActivity.saAllDay {
	margin: 0
}

.saSmallScreenCalendar.saCalendarSection.saResourceCalendar .saCalendarInner {
	position: relative
}

.saSmallScreenCalendar.saCalendarSection.saResourceCalendar .saListWrapper {
	min-width: 100%;
	width: fit-content
}

.saSmallScreenCalendar.saCalendarSection.saResourceCalendar .saListWrapper:not(.saResourceLabelRow) .saSlotWrapper {
	position: sticky;
	left: 0;
	z-index: 8;
	background: #fff
}

.saSmallScreenCalendar.saCalendarSection.saResourceCalendar .saCalendarItemList,
.saSmallScreenCalendar.saCalendarSection.saResourceCalendar .saExtraInfoList {
	border-right: 1px solid #ccd5e2
}

.saSmallScreenCalendar.saCalendarSection.saResourceCalendar .saResourceLabelCell {
	flex: 1 1 0;
	background: #fff;
	width: 100%;
	position: relative;
	padding: .5rem;
	border-right: 1px solid #ccd5e2;
	height: 2.5rem;
	overflow: hidden;
	display: flex;
	gap: .5rem;
	align-items: center;
	border-bottom: 1px solid #ccd5e2
}

.saSmallScreenCalendar.saCalendarSection.saResourceCalendar .saResourceLabelCell.saHasLinks .saResourceLabel {
	width: calc(100% - 1.5rem)
}

.saSmallScreenCalendar.saCalendarSection.saResourceCalendar .saResourceLabel {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
	width: calc(100% - 1rem);
	color: #333333;
	font-weight: 600
}

.saSmallScreenCalendar.saCalendarSection.saResourceCalendar .saCalendarResourceMoreButton {
	position: absolute;
	right: .5rem;
	background: 0 0;
	color: #60748b
}

.saSmallScreenCalendar.saCalendarSection.saResourceCalendar .saCalendarStripe::before {
	content: none
}

.saSmallScreenCalendar.saCalendarSection.saResourceCalendar .saCurrentTime {
	left: 3rem;
	width: calc(100% - 3rem)
}

.saSmallScreenCalendar.saCalendarSection.saResourceCalendar .saResourceLabelRow {
	position: sticky;
	top: 0;
	z-index: 9
}

.saSmallScreenCalendar.saCalendarSection.saResourceCalendar .saButtonBadge {
	top: .375rem;
	right: .375rem;
	height: .5rem;
	width: .5rem;
	background: #e0173e;
	position: absolute;
	border-radius: .25rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.saSmallScreenCalendar.saCalendarSection.saResourceCalendar:not(.saHasHiddenResources) .saButtonBadge {
	display: none
}

.saToggleWrapper {
	display: flex;
	gap: .5rem;
	cursor: pointer;
	user-select: none;
	align-items: center;
	justify-content: space-between;
	min-height: 2rem
}

.saToggleWrapper.saDisabled {
	cursor: default
}

.saToggleWrapper .saToggleLabelWrapper {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.saToggleWrapper .saToggleLabel {
	display: flex;
	font-size: .875rem;
	line-height: .875rem
}

.saToggleWrapper .saToggleDescription {
	display: flex;
	height: .75rem;
	font-size: .75rem;
	font-variant-numeric: tabular-nums;
	color: #60748b
}

.saToggleWrapper:not(.saDisabled):active .saToggle::after {
	right: .875rem;
	width: 1.5rem
}

.saToggleWrapper:not(.saDisabled):active .saToggle:checked::after {
	right: 2px;
	width: 1.5rem
}

.saToggleWrapper .saToggle {
	position: relative;
	min-width: 2.5rem;
	height: 1.5rem;
	overflow: hidden;
	border-radius: .75rem;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none
}

.saToggleWrapper .saToggle::before {
	content: '';
	min-height: 1.5rem;
	min-width: 2.5rem;
	border-radius: .75rem;
	background: #ccd5e2;
	box-shadow: inset 0 0 0 1px rgba(49, 58, 68, .1);
	transition: ease background-color .2s, ease box-shadow .2s;
	position: absolute
}

.saToggleWrapper .saToggle::after {
	content: '';
	height: 1.25rem;
	width: 1.25rem;
	border-radius: .625rem;
	background: #fff;
	box-shadow: inset 0 0 0 1px #f8f9fb, 0 1px 2px 0 rgba(49, 58, 68, .6);
	right: 1.125rem;
	top: 2px;
	position: absolute;
	transition: ease all .2s
}

@media (pointer:fine) {
	.saToggleWrapper .saToggle:hover::before {
		background: #d6f7d9
	}
}

.saToggleWrapper .saToggle:active::before {
	background: #91e89b
}

.saToggleWrapper .saToggle:active::after {
	right: .875rem;
	width: 1.5rem
}

.saToggleWrapper .saToggle:checked::before {
	background: #29bb4e
}

.saToggleWrapper .saToggle:checked::after {
	right: 2px
}

@media (pointer:fine) {
	.saToggleWrapper .saToggle:checked:hover::before {
		background: #58d36e
	}
}

.saToggleWrapper .saToggle:checked:active::before {
	background: #91e89b
}

.saToggleWrapper .saToggle:checked:active::after {
	right: 2px;
	width: 1.5rem
}

.saDisabled.saToggleWrapper .saToggle:checked::before {
	background: #60748b
}

.saDisabled.saToggleWrapper .saToggle:checked::after {
	background: #ccd5e2;
	box-shadow: inset 0 0 0 1px rgba(49, 58, 68, .2), 0 1px 2px 0 rgba(49, 58, 68, .6)
}

@media (pointer:fine) {
	.saDisabled.saToggleWrapper .saToggle:checked:hover::before {
		background: #60748b
	}
}

.saDisabled.saToggleWrapper .saToggle:checked:active::before {
	background: #60748b
}

.saDisabled.saToggleWrapper .saToggle:checked:active::after {
	right: 2px;
	width: 1.25rem
}

.saDisabled.saToggleWrapper .saToggle {
	cursor: default
}

.saDisabled.saToggleWrapper .saToggle::before {
	background: #ccd5e2
}

.saDisabled.saToggleWrapper .saToggle::after {
	background: #f8f9fb;
	box-shadow: inset 0 0 0 1px rgba(49, 58, 68, .1), 0 1px 2px 0 rgba(49, 58, 68, .2)
}

@media (pointer:fine) {
	.saDisabled.saToggleWrapper .saToggle:hover::before {
		background: #ccd5e2
	}
}

.saDisabled.saToggleWrapper .saToggle:active::before {
	background: #ccd5e2
}

.saDisabled.saToggleWrapper .saToggle:active::after {
	right: 1.125rem;
	width: 1.25rem
}

.saSmallScreen .saToggleWrapper {
	gap: .5rem
}

.saSmallScreen .saToggleWrapper:active .saToggle::after {
	right: 1.125rem;
	width: 2.25rem
}

.saSmallScreen .saToggleWrapper:active .saToggle:checked::after {
	right: 2px;
	width: 2.25rem
}

.saSmallScreen .saToggleWrapper .saToggle {
	min-width: 3.5rem;
	height: 2rem
}

.saSmallScreen .saToggleWrapper .saToggle::before {
	min-height: 2rem;
	min-width: 3.5rem;
	border-radius: 1rem
}

.saSmallScreen .saToggleWrapper .saToggle::after {
	height: 1.75rem;
	width: 1.75rem;
	border-radius: .875rem;
	right: 1.625rem
}

.saSmallScreen .saToggleWrapper .saToggle:active::after {
	right: 1.125rem;
	width: 2.25rem
}

.saSmallScreen .saToggleWrapper .saToggle:checked::after {
	right: 2px;
	width: 1.75rem
}

.saSmallScreen .saToggleWrapper .saToggle:checked:active::after {
	right: 2px;
	width: 2.25rem
}

.saVisibleParametersWrapper {
	display: flex;
	flex-direction: column;
	padding: 1rem;
	border-radius: 1rem;
	gap: .5rem;
	width: fit-content;
	background: #f8f9fb;
	border: 1px solid #ccd5e2;
	margin-bottom: 1rem
}

.saLargeScreen .saVisibleParametersWrapper {
	min-width: 20.25rem
}

.saVisibleParametersWrapper * {
	box-sizing: border-box
}

.saVisibleParametersWrapper .saVisibleParametersHeading {
	font-weight: 600;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	color: #333333
}

.saVisibleParametersWrapper .saVisibleParametersHeading h2 {
	font-size: 1rem;
	line-height: 1rem
}

.saVisibleParametersWrapper .saVisibleParametersGroup {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	flex-direction: column
}

.saVisibleParametersWrapper .saVisibleParameter {
	display: flex;
	flex-direction: column
}

.saVisibleParametersWrapper .saVisibleParameterLabel {
	font-size: .75rem;
	line-height: .75rem;
	color: #506072
}

.saVisibleParametersWrapper .saVisibleParameterValue {
	font-size: .875rem;
	color: #333333;
	word-break: break-word
}

.saVisibleParametersWrapper .saVisibleParametersButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem;
	position: relative;
	margin-top: -.5rem;
	margin-right: -.5rem
}

.saVisibleParametersWrapper .saVisibleParametersButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saVisibleParametersWrapper .saVisibleParametersButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saVisibleParametersWrapper .saVisibleParametersButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saVisibleParametersWrapper .saVisibleParametersButton .saIcon {
	color: #333333
}

.saVisibleParametersWrapper .saVisibleParametersButton.saDestructive {
	color: #dd1f26
}

.saVisibleParametersWrapper .saVisibleParametersButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saVisibleParametersWrapper .saVisibleParametersButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saVisibleParametersWrapper .saVisibleParametersButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saVisibleParametersWrapper .saVisibleParametersButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saVisibleParametersWrapper .saVisibleParametersButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saVisibleParametersWrapper .saVisibleParametersButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saVisibleParametersWrapper .saVisibleParametersButton:hover .saIcon {
		color: #5d237d
	}
}

.saVisibleParametersWrapper .saVisibleParametersButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saVisibleParametersWrapper .saVisibleParametersButton:active .saIcon {
	color: #50146e
}

.saVisibleParametersWrapper .saVisibleParametersButton.saDisabled,
.saVisibleParametersWrapper .saVisibleParametersButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saVisibleParametersWrapper .saVisibleParametersButton.saDisabled .saIcon,
.saVisibleParametersWrapper .saVisibleParametersButton:disabled .saIcon {
	color: #adbdd1
}

.saVisibleParametersWrapper .saVisibleParametersButton:active {
	border-radius: .75rem
}

.saVisibleParametersWrapper .saVisibleParametersButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saVisibleParametersWrapper .saVisibleParametersButton .saIcon.saExpanded {
	transform: rotate(180deg);
	transition: transform ease .2s
}

.saVisibleParametersWrapper .saVisibleParametersButton::after {
	content: '';
	height: 3rem;
	width: calc(100% + .5rem);
	right: -.5rem;
	top: -.5rem;
	opacity: 0;
	position: absolute
}

@media (pointer:fine) {
	.saVisibleParametersWrapper .saVisibleParametersButton:hover {
		background: #eef1f5
	}
}

.saVisibleParametersWrapper .saVisibleParametersButton:active {
	background: #dde3ec
}

.saSmallScreen .saVisibleParametersRoot {
	display: flex;
	padding: 0 1rem
}

.saSmallScreen .saVisibleParametersRoot .saVisibleParametersWrapper {
	margin-bottom: 1rem;
	margin-top: 1rem;
	width: 100%
}

.saSmallScreen .saVisibleParametersRoot .saVisibleParametersButton {
	flex: unset
}

.saSmallScreen .saVisibleParametersRoot .saVisibleParametersButton::after {
	left: unset;
	right: -.5rem
}

a.saKpiOuter {
	color: #333333
}

@media (pointer:fine) {
	a.saKpiOuter:hover {
		text-decoration: none;
		color: #5d237d
	}

	a.saKpiOuter:hover .saIcon {
		color: #5d237d
	}
}

a.saKpiOuter:active {
	color: #764296
}

.saKpiOuter {
	display: flex;
	gap: .25rem;
	flex-direction: column;
	flex: 1;
	position: relative
}

.saKpiOuter .saKpiHeading {
	display: flex;
	gap: .5rem;
	align-items: baseline;
	font-size: .875rem;
	font-weight: 500
}

.saKpiOuter .saKpiHeading .saIcon {
	font-size: .75rem;
	color: #333333
}

.saKpiOuter .saKpiWrapper {
	display: flex;
	align-items: baseline;
	gap: .5rem;
	margin-top: -.5rem;
	margin-bottom: -.5rem
}

.saKpiOuter .saKpiWrapper:has(.saTrendPeriod) {
	align-items: center
}

.saKpiOuter .saKpi {
	display: flex;
	align-items: baseline;
	gap: .25rem
}

.saKpiOuter .saKpiValue {
	font-size: 3rem;
	line-height: 4rem;
	font-weight: 600;
	white-space: nowrap
}

.saSmallScreen .saKpiOuter .saKpiValue {
	font-size: 2.5rem;
	line-height: 4rem
}

.saKpiOuter .saKpiSuffix {
	font-size: 1.5rem;
	font-weight: 900;
	white-space: nowrap
}

.saSmallScreen .saKpiOuter .saKpiSuffix {
	font-size: 1.25rem
}

.saKpiOuter .saTrendWrapper {
	display: flex;
	flex-direction: column;
	gap: .375rem;
	align-items: baseline
}

.saKpiOuter .saTrend {
	display: flex;
	align-items: baseline;
	gap: .25rem;
	border-radius: 1rem;
	padding: .25rem .5rem;
	width: fit-content
}

.saKpiOuter .saTrend.saNegative {
	background: #ffebe9;
	color: #dd1f26
}

.saKpiOuter .saTrend.saPositive {
	background: #c9ffcc;
	color: #008429
}

.saKpiOuter .saTrend.saNeutral {
	background: #e5f2ff;
	color: #60748b
}

.saKpiOuter .saTrendInner {
	display: flex;
	align-items: baseline;
	gap: 2px
}

.saKpiOuter .saTrendValue {
	font-size: .875rem;
	line-height: .875rem;
	font-weight: 500;
	white-space: nowrap
}

.saKpiOuter .saTrendSuffix {
	font-size: .625rem;
	line-height: .875rem;
	font-weight: 900;
	white-space: nowrap
}

.saKpiOuter .saTrendPeriod {
	font-size: .625rem;
	line-height: .75rem;
	color: #60748b
}

.saInfoSqlMeterWrapper {
	display: flex
}

.saInfoSqlMeterWrapper .saMeterOuter {
	display: flex;
	flex-flow: column;
	align-items: center;
	width: 100%;
	fill: #333333
}

@media (pointer:fine) {
	.saInfoSqlMeterWrapper a.saMeterOuter:hover {
		text-decoration: none
	}

	.saInfoSqlMeterWrapper a.saMeterOuter:hover .saMeterHeading {
		opacity: .8
	}
}

.saInfoSqlMeterWrapper .saMeterHeading {
	font-size: .875rem;
	font-weight: 500;
	display: flex;
	gap: .5rem;
	align-items: baseline
}

.saInfoSqlMeterWrapper .saMeterValue {
	stroke-width: 32
}

.saInfoSqlMeterWrapper .saIntervalVisibleArc {
	stroke-width: 4
}

.saInfoSqlMeterWrapper .saIntervalTooltip {
	stroke-width: 15;
	stroke: transparent
}

.saInfoSqlMeterWrapper .saMeterUnreachedValue {
	stroke: #eef1f5
}

.saInfoSqlMeterWrapper .saMeterValueDefaultColor {
	stroke: #2d6ce1
}

.saInfoSqlMeterWrapper .saMeterGreen {
	stroke: #58d36e
}

.saInfoSqlMeterWrapper .saMeterYellow {
	stroke: #f6ad00
}

.saInfoSqlMeterWrapper .saMeterRed {
	stroke: #ea4f5b
}

@media (pointer:fine) {
	.saInfoSqlMeterWrapper .saMeterIntervalWithTooltip:hover .saMeterValueDefaultColor {
		stroke: #1c57c6
	}

	.saInfoSqlMeterWrapper .saMeterIntervalWithTooltip:hover .saMeterGreen {
		stroke: #29bb4e
	}

	.saInfoSqlMeterWrapper .saMeterIntervalWithTooltip:hover .saMeterYellow {
		stroke: #da9600
	}

	.saInfoSqlMeterWrapper .saMeterIntervalWithTooltip:hover .saMeterRed {
		stroke: #e0173e
	}
}

.saInfoSqlMeterWrapper .saMeterValueText {
	text-anchor: middle
}

.saInfoSqlMeterWrapper .saMeterIntervalText {
	fill: #60748b;
	font-size: .5rem
}

.saInfoSqlMeterWrapper .saMeterIntervalText.saMeterTextLeft {
	text-anchor: end
}

.saInfoSqlMeterWrapper .saMeterIntervalText.saMeterTextCenter {
	text-anchor: middle
}

.saInfoSqlMeterWrapper .saMeterIntervalText.saMeterTextRight {
	text-anchor: start
}

.saSmallScreen .saInfoSqlMeterWrapper {
	flex-direction: column;
	gap: 1.5rem
}

.saBankgiroLink {
	min-width: 40rem
}

.saBankgiroLink .saDialog {
	border: 2px solid #ccd5e2;
	border-radius: .75rem;
	display: inline-block;
	max-width: 50rem;
	padding: 1rem 3rem 1.5rem 3rem;
	margin-top: 1rem
}

.saBankgiroLink .saDialog h2 {
	margin-bottom: .5rem
}

.saBankgiroLink .saDialog p {
	margin-bottom: 1rem
}

.saBankgiroLink .saDialog button {
	display: inline-flex
}

.saBankgiroLink .saDialog button i {
	margin-right: .5rem;
	color: #333333
}

.saBankgiroLink .saDialog .saStatus {
	font-size: large
}

.saBankgiroLink .saDialog .saQrWrapper {
	display: flex;
	justify-content: center
}

.saBankgiroLink .saDialog .saQrWrapper img {
	margin-top: 1rem
}

.saBankgiroLink button {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	min-width: 6rem
}

.saBankgiroLink button .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saBankgiroLink button .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saBankgiroLink button .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saBankgiroLink button {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saBankgiroLink button:active {
	border-radius: .75rem
}

.saStandard .saBankgiroLink button .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saBankgiroLink button {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saBankgiroLink button:active {
	border-radius: .75rem
}

.saCompact .saBankgiroLink button .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saBankgiroLink button {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saBankgiroLink button:active {
	border-radius: .75rem
}

.saSmallScreen .saBankgiroLink button .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saBankgiroLink button:disabled {
	opacity: .4;
	pointer-events: none
}

.saBankgiroLink ol {
	margin: 0;
	padding: 0;
	margin-bottom: 1rem
}

.saBankgiroLink ol li {
	padding-left: 2rem;
	list-style-type: decimal;
	list-style-position: inside;
	position: relative;
	z-index: 1;
	font-weight: 600;
	line-height: 2;
	font-size: 1rem
}

.saBankgiroLink ol li ol {
	padding-bottom: 2px;
	margin-bottom: 0;
	margin-top: -2px
}

.saBankgiroLink ol li ol li {
	font-size: .75rem;
	font-weight: 400;
	line-height: 1.6;
	padding-bottom: 0;
	padding-left: 2rem;
	list-style-type: none;
	margin-bottom: .5rem
}

.saBankgiroLink li:not(.saParent).saError {
	background: #fff7f7;
	border-radius: .5rem
}

.saBankgiroLink ol li .saImgHolder {
	position: absolute;
	width: 2rem;
	height: 100%;
	top: 0;
	left: .5rem;
	z-index: 2
}

.saBankgiroLink ol li ol li .saImgHolder {
	top: 2px
}

.saBankgiroLink ol li.saWaiting span.saImgHolder,
.saBankgiroLink ol ol li.saNode.saWaiting span.saImgHolder {
	text-decoration: none
}

.saBankgiroLink ol li.saAborted,
.saBankgiroLink ol ol li.saNode.saAborted span {
	text-decoration: line-through
}

.saBankgiroLink ol li.saAborted span.saImgHolder,
.saBankgiroLink ol ol li.saNode.saAborted span.saImgHolder {
	text-decoration: none
}

.saBankgiroLink .saStepStatus {
	display: none
}

.saBankgiroLink .saOk>.saImgHolder>.saStepStatus.saOk {
	display: inline-block;
	color: #009b36
}

.saBankgiroLink .saError>.saImgHolder>.saStepStatus.saError {
	display: inline-block;
	color: #e0173e
}

.saBankgiroLink .saOngoing>.saImgHolder>.saStepStatus.saOngoing {
	display: inline-block;
	color: #0f44a6
}

.saBankgiroLink .saInfoText {
	font-size: .875rem;
	padding: 0 0 0 1.5rem;
	margin-left: .5rem;
	font-weight: 300
}

.saBankgiroLink .saInfoText i {
	font-size: 1.1875rem;
	color: #313a44;
	margin-right: .3125rem;
	top: 2px;
	position: relative
}

.saBankgiroLink .saBankgiroLogotype {
	padding: .5rem 0
}

.saBankgiroLink .saErrorBox {
	padding: .5rem;
	background: #fff7f7;
	border: 1px solid #e0173e;
	border-radius: .5rem;
	margin: .75rem 0
}

.saBankgiroLink .saDebugBox {
	background: #f8f9fb;
	border: 1px solid #dde3ec;
	border-radius: .5rem;
	padding: .5rem 1rem;
	margin-top: 1.5rem
}

.saBankgiroLink .saDebugBox h2,
.saBankgiroLink .saDebugBox p {
	padding-bottom: .5rem
}

.saBankgiroLink .saDebugBox h2 {
	font-size: 1.5rem
}

.saBankIdWrapper .saBankId {
	display: flex;
	flex-direction: column;
	max-width: 40rem;
	margin-top: 1px;
	box-shadow: inset 0 0 0 1px #dde3ec;
	border-radius: 1rem;
	width: fit-content
}

.saSmallScreen .saBankIdWrapper .saBankId {
	margin: 1rem
}

.saBankIdWrapper .saBankIdBody {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch
}

.saSmallScreen .saBankIdWrapper .saBankIdBody {
	justify-content: center
}

.saBankIdWrapper .saBankIdHeader {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: .5rem;
	padding: 1rem;
	max-width: 24.5rem
}

.saSmallScreen .saBankIdWrapper .saBankIdHeader {
	width: 100%;
	align-items: center;
	text-align: center
}

.saBankIdWrapper .saBankIdHeader .saBankIdLogo {
	width: 2.5rem;
	min-height: 2.5rem
}

.saBankIdWrapper .saBankIdHeader h2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}

.saBankIdWrapper .saBankIdHeader span {
	font-size: .875rem;
	line-height: 1rem
}

.saBankIdWrapper .saQrWrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 13.375rem;
	width: 13.375rem;
	border: 1px solid transparent;
	border-left: 1px solid #dde3ec;
	border-radius: 0 1.5rem 0 0;
	overflow: hidden
}

.saSmallScreen .saBankIdWrapper .saQrWrapper {
	width: 100%;
	padding-top: 0
}

.saBankIdWrapper .saQr {
	height: 13.25rem
}

.saBankIdWrapper .saBankIdAppInstructions {
	background: url(../img/desktop-phone.svg) top center no-repeat;
	width: 11.5rem;
	height: 11.5rem
}

.saBankIdWrapper .saBankIdFooter {
	display: flex;
	align-items: center;
	gap: .5rem;
	border: 1px solid #dde3ec;
	padding: 1rem;
	background: #f8f9fb;
	margin-top: -1px;
	border-radius: 0 0 1rem 1rem;
	flex-wrap: wrap
}

.saSmallScreen .saBankIdWrapper .saBankIdFooter .saButton {
	flex-basis: 100%
}

.saBankIdWrapper i.saBankIdLogo {
	display: flex;
	background: url(../img/bankid.svg);
	height: 1.5rem;
	min-width: 1.5rem;
	background-repeat: no-repeat;
	background-position: center
}

.saCompact .saBankIdWrapper i.saBankIdLogo {
	height: 1rem;
	min-width: 1rem
}

.saBankIdWrapper button {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	min-width: 6rem
}

.saBankIdWrapper button .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saBankIdWrapper button .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saBankIdWrapper button .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saStandard .saBankIdWrapper button {
	gap: .5rem;
	height: 2.5rem;
	font-size: .875rem;
	padding: .5rem .75rem;
	border-radius: .5rem
}

.saStandard .saBankIdWrapper button:active {
	border-radius: .75rem
}

.saStandard .saBankIdWrapper button .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

.saCompact .saBankIdWrapper button {
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saCompact .saBankIdWrapper button:active {
	border-radius: .75rem
}

.saCompact .saBankIdWrapper button .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saSmallScreen .saBankIdWrapper button {
	gap: .5rem;
	border-radius: .5rem;
	height: 2.5rem;
	font-size: 1rem;
	padding: .5rem .75rem
}

.saSmallScreen .saBankIdWrapper button:active {
	border-radius: .75rem
}

.saSmallScreen .saBankIdWrapper button .saIcon {
	font-size: 1.25rem;
	min-width: 1.625rem
}

@media (pointer:fine) {
	.saBankIdWrapper .saButtonGhost:hover {
		background: #dde3ec
	}
}

.saBankIdWrapper .saButtonGhost:active {
	background: #ccd5e2
}

.saQrWrapper {
	display: flex;
	align-items: center;
	flex-direction: column
}

.saQrWrapper .saQrCountdown {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .5rem;
	width: 100%
}

.saBankIdWrapper .saQrWrapper .saQrCountdown {
	padding-bottom: 1rem
}

.saQrWrapper .saQrCountdown progress {
	appearance: none;
	width: 11.25rem;
	height: .5rem
}

.saQrWrapper .saQrCountdown progress::-webkit-progress-bar {
	background-color: #dde3ec;
	border-radius: 999rem
}

.saQrWrapper .saQrCountdown progress::-webkit-progress-value {
	background-color: #5d237d;
	border-radius: 999rem;
	transition: width ease .2s, background-color ease .2s
}

.saQrWrapper .saQrCountdown progress.saUrgent::-webkit-progress-value {
	background-color: #8b4af1
}

.saQrWrapper .saQrCountdownText {
	font-size: .875rem;
	line-height: normal;
	color: #333333
}

.saErrorSummaryWrapper {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding: 1rem;
	background-color: #fff;
	margin-bottom: .5rem;
	border-radius: 1rem;
	border: 1px #dde3ec solid;
	position: relative
}

.saSmallScreen .saErrorSummaryWrapper {
	margin: 1rem
}

.saErrorSummaryWrapper .saErrorSummaryCloseButton {
	position: absolute;
	top: .5rem;
	right: .5rem;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0
}

.saErrorSummaryWrapper .saErrorSummaryCloseButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saErrorSummaryWrapper .saErrorSummaryCloseButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saErrorSummaryWrapper .saErrorSummaryCloseButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saErrorSummaryWrapper .saErrorSummaryCloseButton .saIcon {
	color: #333333
}

.saErrorSummaryWrapper .saErrorSummaryCloseButton.saDestructive {
	color: #dd1f26
}

.saErrorSummaryWrapper .saErrorSummaryCloseButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saErrorSummaryWrapper .saErrorSummaryCloseButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saErrorSummaryWrapper .saErrorSummaryCloseButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saErrorSummaryWrapper .saErrorSummaryCloseButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saErrorSummaryWrapper .saErrorSummaryCloseButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saErrorSummaryWrapper .saErrorSummaryCloseButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saErrorSummaryWrapper .saErrorSummaryCloseButton:hover .saIcon {
		color: #5d237d
	}
}

.saErrorSummaryWrapper .saErrorSummaryCloseButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saErrorSummaryWrapper .saErrorSummaryCloseButton:active .saIcon {
	color: #50146e
}

.saErrorSummaryWrapper .saErrorSummaryCloseButton.saDisabled,
.saErrorSummaryWrapper .saErrorSummaryCloseButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saErrorSummaryWrapper .saErrorSummaryCloseButton.saDisabled .saIcon,
.saErrorSummaryWrapper .saErrorSummaryCloseButton:disabled .saIcon {
	color: #adbdd1
}

.saStandard .saErrorSummaryWrapper .saErrorSummaryCloseButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saStandard .saErrorSummaryWrapper .saErrorSummaryCloseButton:active {
	border-radius: .75rem
}

.saCompact .saErrorSummaryWrapper .saErrorSummaryCloseButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saCompact .saErrorSummaryWrapper .saErrorSummaryCloseButton:active {
	border-radius: .75rem
}

.saSmallScreen .saErrorSummaryWrapper .saErrorSummaryCloseButton {
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2.5rem;
	height: 2.5rem;
	max-width: 2.5rem;
	min-width: 2.5rem;
	font-size: 1rem
}

.saSmallScreen .saErrorSummaryWrapper .saErrorSummaryCloseButton:active {
	border-radius: .75rem
}

.saErrorSummaryWrapper .saErrorSummaryHeadingWrapper {
	display: flex;
	align-items: center;
	gap: .5rem;
	padding-right: 2.5rem
}

.saErrorSummaryWrapper .saErrorSummaryHeadingWrapper .saIcon {
	color: #e0173e;
	font-size: 1.25rem
}

.saErrorSummaryWrapper .saErrorSummary {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	list-style-type: disc;
	margin-inline-start: .5rem
}

.saErrorSummaryWrapper .saErrorSummary li {
	margin-inline-start: 1rem
}

.saErrorSummaryWrapper .saErrorSummary li::marker {
	color: #e0173e
}

.saErrorSummaryWrapper .saErrorSummary .saErrorMessage {
	color: #e0173e;
	transition: ease color .2s;
	text-decoration: underline;
	cursor: pointer
}

@media (pointer:fine) {
	.saErrorSummaryWrapper .saErrorSummary .saErrorMessage:hover {
		color: #bf0024
	}
}

.saErrorSummaryWrapper .saErrorSummary .saErrorMessage:active {
	color: #9b0002
}

.saErrorSummaryWrapper .saErrorSummary span.saErrorMessage {
	text-decoration: none;
	pointer-events: none
}

.saTreeViewWrapper {
	display: block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.saTreeViewWrapper .saTreeView>li:has(ul):first-child:after {
	top: 1rem;
	z-index: 1
}

.saTreeViewWrapper .saTreeView>li:has(ul)>label::after {
	border-width: 0 0 1px 1px;
	border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #ccd5e2 rgba(255, 255, 255, 0);
	z-index: 1
}

.saTreeViewWrapper .saFileDropDescription {
	width: fit-content;
	height: 3rem;
	background: #fcf7ff;
	border-radius: .5rem;
	display: flex;
	align-items: center;
	gap: .5rem;
	border: 1px solid #5d237d;
	padding: .5rem .75rem;
	color: #333333;
	box-sizing: border-box;
	margin-bottom: .5rem
}

.saTreeViewWrapper .saFileDropDescription .saIcon {
	font-size: 1.25rem;
	color: #5d237d;
	background: url(../img/drag-and-drop.svg);
	width: 1.75rem;
	height: 2rem
}

.saTreeViewWrapper .saTreeView.saRoot>li:first-child:after {
	display: none
}

.saTreeViewWrapper .saTreeView.saRoot>li>label::after {
	display: none
}

.saTreeViewWrapper .saTreeView {
	display: flex;
	flex-direction: column;
	min-height: 2rem
}

.saTreeViewWrapper .saTreeView .saLoadingWrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 1.25rem;
	width: 1.25rem;
	transition: ease transform .2s, ease width .2s
}

.saTreeViewWrapper .saTreeView .saLoading {
	display: none;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	stroke-width: 2;
	stroke: #fff;
	stroke-miterlimit: 10;
	box-shadow: inset 0 0 0 #29bb4e;
	animation: saFiller .4s ease-in-out .4s forwards, saScaler .2s ease-in-out .8s both
}

.saTreeViewWrapper .saTreeView .saLoadingCircle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 4;
	stroke-miterlimit: 10;
	stroke: #29bb4e;
	fill: none;
	animation: saStroke .6s cubic-bezier(.65, 0, .45, 1) forwards
}

.saTreeViewWrapper .saTreeView .saLoadingCheck {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: saStroke .2s cubic-bezier(.65, 0, .45, 1) .6s forwards;
	stroke-linecap: round
}

.saTreeViewWrapper .saTreeView .saLoadingSpinner,
.saTreeViewWrapper .saTreeView .saLoadingSpinner:after {
	border-radius: 50%;
	width: 1.25rem;
	height: 1.25rem;
	position: absolute
}

.saTreeViewWrapper .saTreeView .saLoadingSpinner {
	transition: ease opacity 1s, ease border-color .2s, ease visiblity .4s;
	border-top: 2px solid rgba(255, 255, 255, .2);
	border-right: 2px solid rgba(255, 255, 255, .2);
	border-bottom: 2px solid rgba(255, 255, 255, .2);
	border-left: 2px solid #fff;
	animation: saLoadingSpinner .8s infinite linear
}

.saTreeViewWrapper .saTreeView .saLoadingDark .saLoadingSpinner {
	border-top-color: #eef1f5;
	border-right-color: #eef1f5;
	border-bottom-color: #eef1f5;
	border-left-color: #60748b
}

.saTreeViewWrapper .saTreeView .saLoadingSpinnerWrapper {
	display: flex;
	gap: .5rem
}

.saTreeViewWrapper .saTreeView .saLoadingSpinnerWrapper .saLoadingSpinner,
.saTreeViewWrapper .saTreeView .saLoadingSpinnerWrapper .saLoadingSpinner::after {
	height: 1rem;
	width: 1rem
}

.saTreeViewWrapper .saTreeView .saLoadingSpinnerWrapper.saDone .saLoading {
	display: flex
}

.saTreeViewWrapper .saTreeView .saLoadingSpinnerWrapper.saDone .saLoadingSpinner {
	opacity: 0;
	border-top-color: rgba(41, 187, 78, .2);
	border-right-color: rgba(41, 187, 78, .2);
	border-bottom-color: rgba(41, 187, 78, .2);
	border-left-color: #29bb4e;
	animation: saLoadingSpinner .8s infinite linear, saLoadingSpinnerDone .8s forwards linear
}

.saTreeViewWrapper .saTreeView .saLoadingProgress {
	font-size: .75rem;
	color: #60748b
}

.saTreeViewWrapper .saTreeView.saDraggingFile .saNodeContent * {
	pointer-events: none
}

.saTreeViewWrapper .saTreeView.saDraggingFile .saCanNotDropFile,
.saTreeViewWrapper .saTreeView.saDraggingFile.saNoDrop {
	color: #ccd5e2
}

.saTreeViewWrapper .saTreeView.saDraggingFile .saCanNotDropFile .saExpander,
.saTreeViewWrapper .saTreeView.saDraggingFile.saNoDrop .saExpander {
	background-color: #ccd5e2
}

.saTreeViewWrapper .saTreeView.saDraggingFile .saCanNotDropFile .saDragHandle,
.saTreeViewWrapper .saTreeView.saDraggingFile .saCanNotDropFile i,
.saTreeViewWrapper .saTreeView.saDraggingFile .saCanNotDropFile span,
.saTreeViewWrapper .saTreeView.saDraggingFile.saNoDrop .saDragHandle,
.saTreeViewWrapper .saTreeView.saDraggingFile.saNoDrop i,
.saTreeViewWrapper .saTreeView.saDraggingFile.saNoDrop span {
	color: #ccd5e2
}

.saTreeViewWrapper .saTreeView.saDraggingFile .saFileDrop {
	background: #f6deff;
	outline-color: #5d237d
}

.saTreeViewWrapper .saTreeView ul {
	flex-direction: column;
	width: 100%;
	flex: 1
}

.saTreeViewWrapper .saTreeView li {
	display: flex;
	flex-direction: column;
	overflow: visible;
	position: relative
}

.saTreeViewWrapper .saTreeView li::after {
	content: '';
	position: absolute;
	height: calc(100% + 1.25rem);
	width: 1px;
	background: #ccd5e2;
	top: -1rem;
	left: .5rem;
	transition: ease all .2s
}

.saTreeViewWrapper .saTreeView li.saDragged {
	border: none;
	background: inherit
}

.saTreeViewWrapper .saTreeView li.saDragged>label {
	background: #fff;
	outline: 1px solid #5d237d;
	outline-offset: -1px
}

.saTreeViewWrapper .saTreeView li.saDropOn {
	border: none;
	background: inherit
}

.saTreeViewWrapper .saTreeView li.saDropOn>label {
	background: #f6deff;
	outline-color: #5d237d
}

.saTreeViewWrapper .saTreeView>li::after {
	top: .5rem;
	height: 100%
}

.saTreeViewWrapper .saTreeView>li label::after {
	height: .5rem
}

.saTreeViewWrapper .saTreeView li:last-child::after {
	background: 0 0
}

.saTreeViewWrapper .saTreeView li:only-child::after {
	background: #ccd5e2;
	height: 1.5rem
}

.saTreeViewWrapper .saTreeView input.saExpander {
	display: flex;
	justify-content: center;
	align-items: center;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 1rem;
	width: 1rem;
	min-width: 1rem;
	background: #5d237d;
	color: #fff;
	border-radius: .25rem;
	z-index: 2;
	border: none;
	position: relative;
	cursor: pointer;
	transition: ease background-color .2s, ease border-radius .2s;
	visibility: hidden
}

.saTreeViewWrapper .saTreeView input.saExpander::after {
	content: '';
	height: 2rem;
	width: 2rem;
	position: absolute
}

.saTreeViewWrapper .saTreeView input.saExpander::before {
	content: '';
	clip-path: polygon(39% 4%, 61% 4%, 61% 39%, 96% 39%, 96% 56%, 61% 56%, 61% 96%, 39% 96%, 39% 56%, 4% 56%, 4% 39%, 39% 39%);
	cursor: default;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: .625rem;
	width: .625rem;
	position: absolute;
	inset: .1875rem;
	transition: ease all .2s
}

.saTreeViewWrapper .saTreeView input.saExpander.saMinus:checked::before {
	clip-path: polygon(39% 39%, 61% 39%, 61% 39%, 96% 39%, 96% 56%, 61% 56%, 61% 56%, 39% 56%, 39% 56%, 4% 56%, 4% 39%, 39% 39%)
}

@media (pointer:fine) {
	.saTreeViewWrapper .saTreeView input.saExpander:hover {
		background: #50146e
	}
}

.saTreeViewWrapper .saTreeView input.saExpander:active {
	background: #42045f;
	border-radius: .375rem
}

.saTreeViewWrapper .saTreeView .saExpandIconDiv {
	background: #8fa5c0;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: .25rem;
	position: relative;
	margin: .1875rem .1875rem .1875rem .2813rem;
	width: 1rem;
	height: 1rem;
	z-index: 2;
	cursor: wait;
	visibility: hidden
}

.saTreeViewWrapper .saTreeView .saExpandIcon {
	position: absolute;
	font-size: .75rem
}

.saTreeViewWrapper .saTreeView label.saNodeExpand .saExpander {
	visibility: visible
}

.saTreeViewWrapper .saTreeView label.saNodeExpand .saExpander:disabled {
	background: #8fa5c0;
	cursor: default
}

.saTreeViewWrapper .saTreeView li label {
	display: flex;
	gap: .5rem;
	align-items: center;
	padding-left: .5rem;
	min-height: 2rem;
	position: relative;
	font-size: .875rem;
	line-height: 1.25rem;
	white-space: break-spaces;
	overflow-wrap: break-word;
	border-radius: .5rem;
	padding-right: .5rem;
	transition: ease border-radius .2s;
	outline: 2px dashed transparent;
	outline-offset: -2px
}

.saTreeViewWrapper .saTreeView li label.saNodeExpand {
	cursor: pointer
}

.saTreeViewWrapper .saTreeView li label a {
	min-height: 2rem;
	width: 100%;
	text-decoration: none;
	color: #006ebf;
	font-weight: 500
}

@media (pointer:fine) {
	.saTreeViewWrapper .saTreeView li label a:hover {
		text-decoration: underline
	}
}

.saTreeViewWrapper .saTreeView li label a:focus-visible {
	box-shadow: 0 0 0 1px #000
}

.saTreeViewWrapper .saTreeView li label .saCustomColor a {
	color: unset
}

.saTreeViewWrapper .saTreeView li label label {
	display: flex;
	gap: .5rem;
	width: 100%;
	cursor: pointer
}

.saTreeViewWrapper .saTreeView li label::after {
	content: '';
	position: absolute;
	height: 1rem;
	width: 1.4375rem;
	margin-left: -1px;
	border: 1px solid #ccd5e2;
	z-index: 1;
	border-width: 0 0 1px 1px;
	transform: translate(-.25rem, -.5rem);
	transition: ease all .2s
}

@media (pointer:fine) {
	.saTreeViewWrapper .saTreeView li:not(.saDragged)>label:hover {
		background: #eef1f5
	}
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 49.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 49.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 48.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 48.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 47.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 47.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 46.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 46.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 45.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 45.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 44.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 44.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 43.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 43.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 42.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 42.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 41.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 41.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 40.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 40.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 39.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 39.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 38.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 38.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 37.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 37.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 36.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 36.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 35.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 35.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 34.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 34.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 33.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 33.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 32.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 32.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 31.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 31.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 30.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 30.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 29.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 29.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 28.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 28.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 27.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 27.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 26.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 26.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 25.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 25.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 24.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 24.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 23.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 23.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 22.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 22.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li::after {
	left: 21.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 21.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li::after {
	left: 20.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 20.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li::after {
	left: 19.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li li label {
	padding-left: 19.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li::after {
	left: 18.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li li label {
	padding-left: 18.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li::after {
	left: 17.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li li label {
	padding-left: 17.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li::after {
	left: 16.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li li label {
	padding-left: 16.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li::after {
	left: 15.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li li label {
	padding-left: 15.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li::after {
	left: 14.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li li label {
	padding-left: 14.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li::after {
	left: 13.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li li label {
	padding-left: 13.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li::after {
	left: 12.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li li label {
	padding-left: 12.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li::after {
	left: 11.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li li label {
	padding-left: 11.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li::after {
	left: 10.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li li label {
	padding-left: 10.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li::after {
	left: 9.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li li label {
	padding-left: 9.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li::after {
	left: 8.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li li label {
	padding-left: 8.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li::after {
	left: 7.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li li label {
	padding-left: 7.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li::after {
	left: 6.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li li label {
	padding-left: 6.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li::after {
	left: 5.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li li label {
	padding-left: 5.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li li::after {
	left: 4.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li li label {
	padding-left: 4.5rem
}

.saTreeViewWrapper ul.saTreeView li li li li::after {
	left: 3.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li li label {
	padding-left: 3.5rem
}

.saTreeViewWrapper ul.saTreeView li li li::after {
	left: 2.1875rem
}

.saTreeViewWrapper ul.saTreeView li li li label {
	padding-left: 2.5rem
}

.saTreeViewWrapper ul.saTreeView li li::after {
	left: 1.1875rem
}

.saTreeViewWrapper ul.saTreeView li li label {
	padding-left: 1.5rem
}

.saTreeViewWrapper ul.saTreeView li::after {
	left: .1875rem
}

.saTreeViewWrapper ul.saTreeView li label {
	padding-left: .5rem
}

.saTreeViewWrapper .saTreeViewButtons {
	display: flex;
	gap: .5rem;
	justify-self: flex-end
}

.saTreeViewWrapper .saDragHandle {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1.5rem;
	min-width: .75rem;
	font-size: 1.25rem;
	color: #60748b
}

@media (pointer:fine) {
	.saTreeViewWrapper .saDragHandle:hover {
		cursor: grab
	}
}

.saTreeViewWrapper .saDragHandle:active {
	cursor: grabbing
}

.saTreeViewWrapper button.saTreeViewButton {
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333;
	border-radius: .25rem;
	height: 1.5rem;
	width: 1.5rem;
	min-width: 1.5rem;
	cursor: pointer;
	text-align: center;
	font-size: .875rem;
	line-height: .875rem;
	transition: ease background .2s, ease border .2s, ease border-radius .2s, ease color .2s
}

.saTreeViewWrapper button.saTreeViewButton .saIcon {
	color: #333333
}

.saTreeViewWrapper button.saTreeViewButton .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saTreeViewWrapper button.saTreeViewButton:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saTreeViewWrapper button.saTreeViewButton:hover .saIcon {
		color: #5d237d
	}

	.saTreeViewWrapper button.saTreeViewButton:hover .saBadge {
		background-color: #5d237d
	}
}

.saTreeViewWrapper button.saTreeViewButton:active {
	background: #f6deff
}

.saTreeViewWrapper button.saTreeViewButton:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saTreeViewWrapper button.saTreeViewButton.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saTreeViewWrapper button.saTreeViewButton.saDestructive .saIcon {
	color: #dd1f26
}

.saTreeViewWrapper button.saTreeViewButton.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saTreeViewWrapper button.saTreeViewButton.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saTreeViewWrapper button.saTreeViewButton.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saTreeViewWrapper button.saTreeViewButton.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saTreeViewWrapper button.saTreeViewButton.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saTreeViewWrapper button.saTreeViewButton.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saTreeViewWrapper button.saTreeViewButton.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saTreeViewWrapper button.saTreeViewButton:active {
	border-radius: .5rem
}

.saTreeViewWrapper button.saTreeViewButton::after {
	content: '';
	height: 2rem;
	width: 2rem;
	position: absolute
}

.saTreeViewWrapper .saSortable li:active::after {
	background: 0 0
}

.saTreeViewWrapper .saSortable label:active::after {
	border: transparent
}

.saSmallScreen .saMultiPartContent .saTreeViewWrapper {
	padding: 0
}

.saSmallScreen .saTreeViewWrapper {
	padding: 1rem 1rem 1rem .5rem
}

.saSmallScreen .saTreeViewWrapper ul.saTreeView>li[aria-expanded]:first-child:after {
	top: 1.5rem
}

.saSmallScreen .saTreeViewWrapper ul.saTreeView li label::after {
	height: 3rem;
	transform: translate(-.25rem, -1.5rem)
}

.saSmallScreen .saTreeViewWrapper ul.saTreeView li label {
	min-height: 3rem;
	gap: .75rem;
	overflow-wrap: anywhere
}

.saSmallScreen .saTreeViewWrapper ul.saTreeView li label a {
	min-height: 3rem;
	line-height: 3rem
}

.saSmallScreen .saTreeViewWrapper .saTreeViewPlaceholder {
	min-height: 3rem
}

.saSmallScreen .saTreeViewWrapper button.saTreeViewButton {
	border-radius: .5rem;
	height: 2rem;
	min-width: 2rem;
	font-size: 1rem;
	line-height: 1rem;
	transition: ease all .2s
}

.saSmallScreen .saTreeViewWrapper button.saTreeViewButton:active {
	border-radius: .75rem
}

.saSmallScreen .saTreeViewWrapper button.saTreeViewButton::after {
	content: '';
	height: 3rem;
	width: 3rem;
	position: absolute
}

.saSmallScreen .saToolbox {
	display: none
}

.saPartHeader+.saToolbox {
	right: 0;
	top: 0
}

.saHasBorder .saPartHeader+.saToolbox {
	right: 1rem;
	top: 1rem
}

.saPageHeader .saToolbox {
	right: 0
}

.saToolbox {
	position: absolute;
	background: #fff;
	z-index: 900;
	display: flex;
	flex-direction: row;
	border-radius: .5rem;
	align-items: center;
	justify-content: flex-end;
	width: 2.5rem;
	transition: ease width .1s, ease border-radius .2s;
	transition-delay: .1s;
	overflow: hidden;
	margin-left: 1rem
}

.saToolbox * {
	box-sizing: border-box
}

.saCompact .saToolbox {
	margin-left: .5rem;
	width: 2rem
}

.saToolbox.saOpen {
	width: fit-content;
	border-radius: .5rem
}

.saToolbox ul {
	display: flex;
	flex-direction: row;
	padding: .25rem .3125rem .25rem .25rem;
	margin-right: -1px;
	transition: ease all .2s;
	opacity: 0;
	transform: translateX(1.5rem);
	visibility: hidden;
	pointer-events: none;
	box-shadow: inset 0 0 0 1px #ccd5e2;
	border-radius: .5rem 0 0 .5rem
}

.saOpen.saToolbox ul {
	opacity: 1;
	transform: translateX(0);
	visibility: visible;
	pointer-events: unset
}

.saToolbox li:first-child .saToolboxButton::after {
	width: calc(100% + .25rem);
	left: -.25rem
}

.saToolbox li:last-child .saToolboxButton::after {
	width: calc(100% + .25rem);
	left: unset;
	right: -.25rem
}

.saToolbox .saVirtualTopLink .saToolboxButton .saIcon {
	color: #8b4af1
}

@media (pointer:fine) {
	.saToolbox .saVirtualTopLink .saToolboxButton:hover {
		background: #8b4af1
	}

	.saToolbox .saVirtualTopLink .saToolboxButton:hover .saIcon {
		color: #fff
	}
}

.saToolbox .saVirtualTopLink .saToolboxButton:active {
	background: #7734d5;
	color: #fff
}

.saToolbox .saDebug .saToolboxButton .saIcon {
	color: #008429
}

@media (pointer:fine) {
	.saToolbox .saDebug .saToolboxButton:hover {
		background: #58d36e
	}

	.saToolbox .saDebug .saToolboxButton:hover .saIcon {
		color: #00430d
	}
}

.saToolbox .saDebug .saToolboxButton:active {
	background: #91e89b;
	color: #00430d
}

.saToolbox .saToolboxButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	max-width: 2rem;
	min-width: 2rem;
	height: 2rem;
	color: #60748b;
	font-size: 1rem;
	transition: ease background .2s, ease color .2s, ease border-radius .2s;
	position: relative;
	border-radius: .375rem
}

.saToolbox .saToolboxButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saToolbox .saToolboxButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saToolbox .saToolboxButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saToolbox .saToolboxButton .saIcon {
	color: #333333
}

.saToolbox .saToolboxButton.saDestructive {
	color: #dd1f26
}

.saToolbox .saToolboxButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saToolbox .saToolboxButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saToolbox .saToolboxButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saToolbox .saToolboxButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saToolbox .saToolboxButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saToolbox .saToolboxButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saToolbox .saToolboxButton:hover .saIcon {
		color: #5d237d
	}
}

.saToolbox .saToolboxButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saToolbox .saToolboxButton:active .saIcon {
	color: #50146e
}

.saToolbox .saToolboxButton.saDisabled,
.saToolbox .saToolboxButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saToolbox .saToolboxButton.saDisabled .saIcon,
.saToolbox .saToolboxButton:disabled .saIcon {
	color: #adbdd1
}

.saCompact .saToolbox .saToolboxButton {
	max-width: 1.5rem;
	min-width: 1.5rem;
	height: 1.5rem;
	border-radius: .25rem
}

.saToolbox .saToolboxButton:active {
	border-radius: .75rem
}

.saCompact .saToolbox .saToolboxButton:active {
	border-radius: .5rem
}

.saToolbox .saToolboxButton::after {
	content: '';
	height: calc(100% + .5rem);
	width: 100%;
	position: absolute;
	left: 0;
	top: -.25rem
}

.saToolbox .saToolboxButton.saExpandButton {
	padding: .5rem .75rem;
	border-radius: .5rem;
	flex-direction: column;
	gap: .25rem;
	min-width: 2.5rem;
	height: 2.5rem;
	transition: ease all .2s;
	position: relative;
	box-shadow: inset 0 0 0 1px #ccd5e2
}

.saCompact .saToolbox .saToolboxButton.saExpandButton {
	min-width: 2rem;
	height: 2rem;
	padding: .5rem
}

@media (pointer:fine) {
	.saToolbox .saToolboxButton.saExpandButton:hover {
		background: #f6deff;
		box-shadow: inset 0 0 0 1px #5d237d
	}

	.saToolbox .saToolboxButton.saExpandButton:hover span {
		background: #5d237d
	}
}

.saToolbox .saToolboxButton.saExpandButton:active {
	background: #f6deff;
	box-shadow: inset 0 0 0 1px #5d237d
}

.saToolbox .saToolboxButton.saExpandButton:active span {
	background: #5d237d
}

.saOpen.saToolbox .saToolboxButton.saExpandButton {
	background: #eef1f5;
	border-radius: 0 .5rem .5rem 0
}

.saToolbox .saToolboxButton.saExpandButton span {
	display: block;
	width: 100%;
	border-radius: 2px;
	min-height: 2px;
	background: #333333;
	transition: all .3s ease;
	position: relative;
	transform: rotate(0);
	top: 0;
	left: 0
}

.saOpen.saToolbox .saToolboxButton.saExpandButton span {
	width: .625rem
}

.saOpen.saToolbox .saToolboxButton.saExpandButton span:nth-child(1) {
	top: .375rem;
	left: -.25rem;
	transform: rotate(45deg)
}

.saOpen.saToolbox .saToolboxButton.saExpandButton span:nth-child(2) {
	top: .375rem;
	left: -.25rem;
	transform: rotate(-45deg)
}

.saOpen.saToolbox .saToolboxButton.saExpandButton span:nth-child(3) {
	top: -.375rem;
	left: .25rem;
	transform: rotate(45deg)
}

.saOpen.saToolbox .saToolboxButton.saExpandButton span:nth-child(4) {
	top: -.375rem;
	left: .25rem;
	transform: rotate(-45deg)
}

.saSmallScreen .saPlanner {
	margin-top: 1rem;
	margin-left: 1rem
}

.saSmallScreen .saPlanner .saCalendarResourceFilterSection {
	display: none
}

.saSmallScreen .saPlanner .saCalendarHeader {
	position: relative;
	top: 0
}

.saSmallScreen .saPlanner .saStickyTop {
	position: relative
}

.saSmallScreen .saPlanner .saRowSticky {
	position: relative
}

.saPlanner .saCalendar {
	overflow: auto;
	height: 100%;
	width: 100%;
	left: 0;
	position: absolute
}

.saPlanner .saCalendarSidebar:not(.saClose) {
	min-width: 15rem
}

.saPlanner .saCalendarSidebar:not(.saClose)~.saCalendar {
	width: calc(100% - 15rem);
	left: 15rem
}

.saPlanner .saSidebarFilters {
	overflow-x: hidden;
	overflow-y: auto
}

.saPlanner .saStickyTop {
	top: 0;
	position: sticky;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	z-index: 6
}

.saPlanner .saStickyTop .saRowSticky .saPlannerCell {
	border-right: 1px solid transparent
}

.saPlanner .saStickyTop .saRowSticky .saPlannerCell:only-child {
	border-right: 1px solid #ccd5e2
}

.saPlanner .saStickyTop .saWeek:not(.saUnbooked) .saRowSticky>div {
	border-bottom: none
}

.saPlanner .saStickyTop .saWeek:not(.saUnbooked) .saRowSticky>div.saAggregateTitle {
	border-bottom: 1px solid #ccd5e2
}

.saPlanner .saStickyTop .saWeek:not(.saUnbooked) .saRowSticky>div:not(.saAggregateTitle) {
	background-color: #f8f9fb
}

.saPlanner .saStickyTop .saWeek:last-child .saRowSticky>div {
	border-bottom: 1px solid #ccd5e2
}

.saPlanner .saWeekDay {
	flex-direction: column;
	height: 3rem;
	color: #60748b;
	border-bottom: 1px solid #ccd5e2
}

.saPlanner .saWeekDay .saDateNumber {
	font-size: .875rem
}

.saPlanner .saWeekDay.saDateIsToday {
	color: #5d237d
}

.saPlanner .saWeekDay.saRedDay {
	color: #e0173e
}

.saPlanner .saWeekDay.saWeekCell {
	color: #333333;
	font-size: .875rem
}

.saPlanner .saWeekDay.saWeekCell .saDateNumber {
	font-size: .75rem;
	line-height: .75rem;
	height: .75rem;
	color: #60748b
}

.saPlanner .saWeekDay.saWeekCell.saDateIsToday {
	color: #5d237d;
	font-weight: 700
}

.saPlanner .saWeekDay.saWeekCell.saDateIsToday .saDateNumber {
	color: #5d237d;
	background: 0 0;
	font-weight: 400
}

.saPlanner .saPlannerAggregateCell {
	border: 1px solid transparent;
	border-right: 1px solid #ccd5e2;
	border-bottom: 1px solid #ccd5e2;
	width: 3rem;
	min-width: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	font-size: .6875rem;
	padding: .25rem
}

.saPlanner .saPlannerAggregateCell span {
	overflow-wrap: break-word;
	overflow: hidden
}

.saPlanner .saPlannerAggregateCell.saAggregateTitle {
	border-left: 1px solid #ccd5e2;
	border-top: 1px solid #ccd5e2;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 0
}

.saPlanner .saPlannerAggregateCell.saAggregateTitle span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

.saPlanner .saTimeCell {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	font-size: .75rem;
	line-height: .75rem;
	height: 1.5rem
}

.saPlanner.saNarrow div:not(.saRowSticky, .saStickyTop, .saUnbooked)>.saPlannerCell:not(.saTimeCell, .saUnbookedItems, .saCounterCell, .saResourceHeadingCell) {
	padding: 0
}

.saPlanner.saNarrow div:not(.saRowSticky, .saStickyTop, .saUnbooked)>.saPlannerCell:not(.saTimeCell, .saUnbookedItems, .saCounterCell, .saResourceHeadingCell) .saPlannerHoverTarget {
	min-height: calc(100% + 2px);
	width: calc(100% + 2px);
	top: -1px;
	left: -1px
}

.saPlanner.saNarrow .saWeek:not(.saUnbooked)>.saPlannerCell:not(.saColumnAggregate, .saTimeCell) {
	border-right: 1px solid #eef1f5
}

.saPlanner.saNarrow .saTimeCell {
	font-size: .625rem;
	line-height: .625rem;
	padding-left: 2px;
	border: none;
	background-color: transparent
}

.saPlanner.saNarrow.saSkipHours .saTimeCell.saLastCellInBlock:not(.saLastCellInDay) {
	clip-path: polygon(0 66%, 100% 66%, 100% 100%, 0 100%)
}

.saPlanner.saNarrow.saSkipHours .saSkippable span {
	display: none
}

.saPlanner .saActivityInner {
	justify-content: flex-start;
	margin-top: -2px;
	overflow: hidden
}

.saPlanner .saActivityHeadingWrapper {
	display: inline;
	line-height: .75rem;
	overflow: unset
}

.saPlanner .saActivityHeadingWrapper .saBoxIcons {
	margin-top: -.25rem;
	display: inline
}

.saPlanner .saActivityHeadingWrapper .saBoxIcons>span {
	padding-right: .25rem
}

.saPlanner .saActivityHeadingWrapper .saActivityHeading {
	display: inline
}

.saPlanner .saCalendar .saUnbooked .saPlannerCell:nth-last-child(2),
.saPlanner .saPlannerCell.saUnbookedItems {
	border-right-color: transparent
}

.saPlanner .saPlannerCell {
	min-height: unset;
	display: flex;
	flex-direction: column;
	position: relative;
	border: 1px solid transparent;
	border-right: 1px solid #ccd5e2;
	overflow-x: visible;
	padding: .25rem;
	background-color: #fff;
	border-bottom: 1px solid #ccd5e2
}

.saPlanner .saPlannerCell .saPlannerHoverTarget {
	min-height: calc(100% + .5625rem);
	width: calc(100% + .625rem);
	top: -.3125rem;
	position: relative;
	left: -.3125rem;
	cursor: pointer
}

.saPlanner .saPlannerCell .saPlannerDropTarget {
	position: absolute;
	top: 0
}

.saPlanner .saPlannerCell .saPlannerDropTarget.saDropOn {
	border: 1px dashed #5d237d
}

.saPlanner .saPlannerCell:last-child {
	border-right-color: transparent
}

.saPlanner .saPlannerCell.saHasLinks .saPlannerHoverTarget:hover,
.saPlanner .saPlannerCell.saLastClicked .saPlannerHoverTarget {
	background: #f8f9fb;
	outline: 1px solid #5d237d;
	outline-offset: -1px
}

.saPlanner .saPlannerCell .saActivity {
	z-index: 2;
	padding-bottom: 0;
	min-height: unset
}

.saPlanner .saPlannerCell .saActivity.saLight {
	color: #fff
}

.saPlanner .saPlannerCell .saActivity.saCanDrag {
	cursor: grab
}

.saPlanner .saPlannerCell .saActivity.saHasLinks {
	cursor: pointer
}

.saPlanner .saPlannerCell .saActivity.saMoreRight {
	background-image: url(../img/LargeBubble_Right_Black.png);
	background-repeat: no-repeat;
	background-position: right .3125rem top .25rem
}

.saPlanner .saPlannerCell .saActivity.saLight.saMoreRight {
	background-image: url(../img/LargeBubble_Right_White.png)
}

.saPlanner .saPlannerCell .saActivity.saMoreLeft {
	background-image: url(../img/LargeBubble_Left_Black.png);
	background-repeat: no-repeat;
	background-position: right .3125rem top .25rem
}

.saPlanner .saPlannerCell .saActivity.saLight.saMoreLeft {
	background-image: url(../img/LargeBubble_Left_White.png)
}

.saPlanner .saPlannerCell .saActivity.saMoreLeft.saMoreRight {
	background-repeat: no-repeat, no-repeat;
	background-position: right .875rem top .375rem, right .3125rem top .375rem;
	background-image: url(../img/LargeBubble_Left_Black.png), url(../img/LargeBubble_Right_Black.png)
}

.saPlanner .saPlannerCell .saActivity.saLight.saMoreLeft.saMoreRight {
	background-image: url(../img/LargeBubble_Left_White.png), url(../img/LargeBubble_Right_White.png)
}

.saPlanner .saPlannerCell .saActivity .saActivityDescription {
	display: flex
}

.saPlanner .saPlannerCell.saLastCellInBlock .saPlannerHoverTarget,
.saPlanner .saPlannerCell.saLastCellInBlock.saTimeCell {
	border-right: 1px solid #ccd5e2
}

.saPlanner .saPlannerCell.saDropOn,
.saPlanner .saPlannerCell.saDropOn .saPlannerHoverTarget {
	border: 1px dashed #5d237d;
	background-color: #f6deff
}

.saPlanner .saPlannerCell.saResourceHeadingCell {
	background-color: #f8f9fb;
	border-right-color: #ccd5e2
}

.saPlanner .saPlannerCell.saDateRowHeading {
	padding: 0
}

.saPlanner .saPlannerCell.saDateRowHeading .saCalendarSidebarExpander {
	max-height: unset;
	border-radius: 0 .25rem .25rem 0;
	height: 2rem;
	width: 1.5rem;
	margin-left: -1px;
	margin-top: .4375rem
}

.saPlanner .saPlannerCell.saDateRowHeading .saCalendarSidebarExpander.saClose {
	border-radius: .25rem 0 0 .25rem
}

.saPlanner .saInputTextWrapper.saLabeled.shortest {
	width: 5rem
}

.saPlanner .saInputTextWrapper.saLabeled .saLabeledLabel {
	width: 100%
}

.saPlanner .saCalendarHeading {
	display: flex;
	flex-direction: column
}

.saPlanner .saCalendarHeading p {
	font-size: .875rem;
	line-height: 1rem;
	font-weight: 400
}

.saPlanner .saPlannerCellInner {
	display: flex;
	align-items: start;
	justify-content: center;
	flex-direction: column;
	flex: 1;
	width: 100%;
	gap: .25rem;
	padding: .25rem;
	height: 2rem
}

.saPlanner .saPlannerCellHeading {
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 400
}

.saPlanner .saPlannerCellHeading.saPlannerLink {
	display: flex;
	gap: .25rem;
	cursor: pointer
}

.saPlanner .saPlannerCellHeading.saPlannerLink .saLinkText {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	text-decoration: none;
	font-weight: 500;
	color: #006ebf
}

@media (pointer:fine) {
	.saPlanner .saPlannerCellHeading.saPlannerLink:hover .saLinkText {
		text-decoration: underline
	}

	.saPlanner .saPlannerCellHeading.saPlannerLink:hover img,
	.saPlanner .saPlannerCellHeading.saPlannerLink:hover svg {
		opacity: .8;
		transition: transform .5s
	}

	.saPlanner .saPlannerCellHeading.saPlannerLink:hover .saMeterHeader,
	.saPlanner .saPlannerCellHeading.saPlannerLink:hover .saMeterValue {
		text-decoration: underline
	}
}

.saPlanner .saPlannerCellHeading.saPlannerLink:active .saLinkText {
	color: #004f97
}

.saPlanner .saPlannerCellHeading.saPlannerLink:active img,
.saPlanner .saPlannerCellHeading.saPlannerLink:active svg {
	opacity: .8;
	transition: transform .5s
}

.saPlanner .saPlannerCellHeading.saPlannerLink:active .saMeterHeader,
.saPlanner .saPlannerCellHeading.saPlannerLink:active .saMeterValue {
	text-decoration: underline
}

.saPlanner .saPlannerCellHeading.saPlannerLink::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.saPlanner .saPlannerCellDescription {
	font-size: .75rem;
	line-height: .75rem;
	color: #404c5b;
	font-weight: 300
}

.saPlanner .saResourceHeader {
	background-color: #fff;
	z-index: 6
}

.saPlanner .saCalendarSectionInner {
	position: relative;
	overflow: hidden;
	border-radius: 0 0 0 1rem
}

.saPlanner .saActivity.saAllDay {
	background-color: #ccd5e2;
	height: 1.5rem
}

.saPlanner .saActivity.saAllDay .saActivityInner {
	display: flex;
	margin-top: 0
}

.saPlanner .saActivity.saAllDay .saActivityHeadingWrapper {
	overflow: hidden
}

.saPlanner .saActivity.saAllDay .saActivityHeading {
	color: #333333
}

.saPlanner .saColumnAggregate {
	font-size: .75rem;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right-color: #ccd5e2
}

.saPlanner .saWeek {
	width: fit-content;
	border-bottom: none;
	background-color: #fff
}

.saPlanner .saWeek.saWeekExtra .saWeekExtraInner {
	padding: .25rem;
	min-height: 2rem;
	border-bottom: 1px solid #ccd5e2
}

.saPlanner .saStickyTop>.saWeek:last-child>.saPlannerCell:not(.saColumnAggregate) {
	border-bottom-color: transparent
}

.saPlanner .saCalendar>.saWeek:last-child {
	border-bottom-color: transparent
}

.saPlanner .saCalendar>.saWeek:last-child .saPlannerAggregateCell,
.saPlanner .saCalendar>.saWeek:last-child .saPlannerCell:not(.saColumnAggregate) {
	border-bottom-color: transparent
}

.saPlanner .saUnbooked .saExpandButton {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem
}

.saPlanner .saUnbooked .saExpandButton .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saPlanner .saUnbooked .saExpandButton .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saPlanner .saUnbooked .saExpandButton .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saPlanner .saUnbooked .saExpandButton .saIcon {
	color: #333333
}

.saPlanner .saUnbooked .saExpandButton.saDestructive {
	color: #dd1f26
}

.saPlanner .saUnbooked .saExpandButton.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saPlanner .saUnbooked .saExpandButton.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saPlanner .saUnbooked .saExpandButton.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saPlanner .saUnbooked .saExpandButton.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saPlanner .saUnbooked .saExpandButton.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saPlanner .saUnbooked .saExpandButton:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saPlanner .saUnbooked .saExpandButton:hover .saIcon {
		color: #5d237d
	}
}

.saPlanner .saUnbooked .saExpandButton:active {
	background-color: #f6deff;
	color: #50146e
}

.saPlanner .saUnbooked .saExpandButton:active .saIcon {
	color: #50146e
}

.saPlanner .saUnbooked .saExpandButton.saDisabled,
.saPlanner .saUnbooked .saExpandButton:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saPlanner .saUnbooked .saExpandButton.saDisabled .saIcon,
.saPlanner .saUnbooked .saExpandButton:disabled .saIcon {
	color: #adbdd1
}

.saPlanner .saUnbooked .saExpandButton:active {
	border-radius: .75rem
}

.saPlanner .saUnbooked .saExpandButton .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saPlanner .saUnbooked .saExpandButton .saIcon {
	transform: rotate(180deg)
}

.saPlanner .saUnbooked .saPlannerCell {
	overflow-y: auto;
	flex-direction: row
}

.saPlanner .saUnbooked .saPlannerAggregateCell {
	justify-content: center;
	padding-top: .25rem;
	align-items: start
}

.saPlanner .saUnbooked .saPlannerCellHeading {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden
}

.saPlanner .saUnbooked .saCounterCell {
	display: none
}

.saPlanner .saUnbooked.saClosed .saIcon {
	transform: none
}

.saPlanner .saUnbooked.saClosed .saItemCell {
	display: none
}

.saPlanner .saUnbooked.saClosed .saCounterCell {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.625rem
}

.saPlanner .saUnbookedWrapper {
	width: 100%;
	height: fit-content
}

.saPlanner .saUnbookedWrapper .saUnbookedRow.saClosed {
	height: 2.625rem
}

.saPlanner .saUnbookedWrapper .saUnbookedRow.saClosed .saUnbookedItems {
	display: none
}

.saPlanner .saUnbookedWrapper .saWeek {
	width: 100%
}

.saPlanner .saUnbookedWrapper .saPlannerCell:first-child {
	width: 10.5rem;
	min-width: 10.5rem
}

.saPlanner .saUnbookedWrapper .saUnbookedItems {
	display: flex;
	position: relative;
	width: 100%
}

.saPlanner .saUnbookedWrapper .saCounterCell {
	width: 100%;
	height: unset
}

.saPlanner .saUnbookedCounter {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .5rem;
	height: 1.5rem;
	min-width: 1rem;
	background: #eef1f5;
	font-size: .75rem;
	line-height: .75rem;
	border-radius: .75rem
}

.saPlanner .saWeekExtraInner {
	border-right: 1px solid #ccd5e2;
	align-items: center
}

.saPlanner .saWeekExtraInner:last-child {
	border-right-color: transparent
}

.saPlanner .saRowSticky {
	position: sticky;
	left: 0;
	z-index: 5;
	display: flex;
	background-color: #fff
}

.saPlanner .saRowSticky>div:first-child {
	width: 10.5rem;
	min-width: 10.5rem
}

.saPlanner .saToggleGroup {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	border-radius: .5rem;
	margin-top: 1px;
	width: fit-content;
	box-sizing: border-box
}

.saPlanner .saToggleGroup * {
	box-sizing: border-box
}

.saCompact .saPlanner .saToggleGroup {
	min-height: 2rem
}

.saPlanner .saToggleGroup input {
	position: absolute;
	inset: 0;
	opacity: 1;
	pointer-events: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition: border-radius ease .2s
}

.saPlanner .saToggleGroup label {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	margin: 0;
	padding: 0;
	min-height: 2.5rem;
	width: 100%;
	flex: 1;
	cursor: pointer;
	font-weight: 500;
	text-align: center;
	transition: ease background .2s, ease color .2s, ease border-color .2s, ease border-radius .2s, ease box-shadow .2s;
	background-color: #fff;
	border: 1px solid #ccd5e2;
	position: relative;
	min-width: 2.5rem;
	font-size: 1.25rem;
	color: #333333
}

.saPlanner .saToggleGroup label:first-child {
	border-radius: .5rem 0 0 .5rem
}

.saPlanner .saToggleGroup label:first-child input {
	border-radius: .5rem 0 0 .5rem
}

.saPlanner .saToggleGroup label:not(:last-child) {
	margin-right: -1px
}

.saPlanner .saToggleGroup label:last-child {
	border-right-style: solid;
	border-width: 1px;
	border-radius: 0 .5rem .5rem 0
}

.saPlanner .saToggleGroup label:last-child input {
	border-radius: 0 .5rem .5rem 0
}

.saCompact .saPlanner .saToggleGroup label {
	min-width: 2rem;
	min-height: 2rem;
	font-size: 1rem
}

.saSmallScreen .saPlanner .saToggleGroup label {
	min-width: 2.75rem;
	min-height: 2.75rem
}

@media (pointer:fine) {
	.saPlanner .saToggleGroup label:hover {
		color: #5d237d;
		background-color: #f6deff;
		border-color: #5d237d;
		z-index: 3
	}
}

.saPlanner .saToggleGroup label:active {
	color: #50146e;
	background-color: #d3b9e7;
	border-color: #50146e
}

.saPlanner .saToggleGroup label:active:first-child {
	border-radius: .75rem 0 0 .75rem
}

.saPlanner .saToggleGroup label:active:first-child input {
	border-radius: .75rem 0 0 .75rem
}

.saPlanner .saToggleGroup label:active:last-child {
	border-radius: 0 .75rem .75rem 0
}

.saPlanner .saToggleGroup label:active:last-child input {
	border-radius: 0 .75rem .75rem 0
}

.saPlanner .saToggleGroup label:has(:checked) {
	z-index: 2;
	background-color: #f6deff;
	color: #5d237d;
	border-color: #5d237d
}

.saInfoSqlChartWrapper {
	display: flex
}

.saInfoSqlChartWrapper [data-sa-link] {
	cursor: pointer
}

.saInfoSqlChartWrapper .saChartWrapper {
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column
}

.saInfoSqlChartWrapper .saChartWrapper .saChartHeading {
	font-size: .875rem;
	font-weight: 500;
	display: flex;
	gap: .5rem;
	align-items: baseline
}

.saInfoSqlChartWrapper .saChartWrapper .saChartDescription {
	font-size: .75rem;
	color: #60748b
}

.saInfoSqlChartWrapper .saChartWrapper .saChartDescription+div,
.saInfoSqlChartWrapper .saChartWrapper .saChartDescription+svg,
.saInfoSqlChartWrapper .saChartWrapper .saChartHeading+div,
.saInfoSqlChartWrapper .saChartWrapper .saChartHeading+svg {
	margin-top: .75rem
}

.saInfoSqlChartWrapper .saChartWrapper .saLegendItem {
	cursor: default;
	pointer-events: bounding-box
}

.saInfoSqlChartWrapper .saChartWrapper .saLegendItem[data-sa-link] {
	cursor: pointer
}

.saInfoSqlChartWrapper .saChartWrapper .saLegendItem .saLegendText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.saInfoSqlChartWrapper .saChartWrapper .saPieArc {
	transition: .5s;
	stroke: #fff;
	stroke-width: 3;
	stroke-linejoin: bevel
}

.saInfoSqlChartWrapper .saChartWrapper .saPieArc.saSeriesHover {
	transform: scale(1.05)
}

.saInfoSqlChartWrapper .saChartWrapper .saPieChart:has(.saSeriesHover) .saPieArc:not(.saSeriesHover) {
	opacity: .8
}

.saInfoSqlChartWrapper .saChartWrapper .saPieChart:has(.saSeriesHover) .saLegendItem:not(.saSeriesHover) {
	opacity: .7
}

.saInfoSqlChartWrapper .saChartWrapper .saGridLine {
	color: #ccd5e2
}

.saInfoSqlChartWrapper .saChartWrapper .saGridLine .saStrongLine {
	color: #60748b
}

.saInfoSqlChartWrapper .saChartWrapper .saXYChartLabel {
	font-family: Lexend, sans-serif;
	color: #60748b;
	fill: #60748b
}

.saInfoSqlChartWrapper .saChartWrapper .saChartAxisTitle {
	fill: #333333
}

.saInfoSqlChartWrapper .saChartWrapper .saXAxis {
	color: #ccd5e2
}

.saInfoSqlChartWrapper .saChartWrapper .saXAxis.saStrongLine {
	color: #8fa5c0
}

.saInfoSqlChartWrapper .saChartWrapper .saChartLine {
	stroke-width: 4
}

.saInfoSqlChartWrapper .saChartWrapper .saChartLine.saSeriesHover {
	stroke-width: 5
}

.saInfoSqlChartWrapper .saChartWrapper .saLineArea {
	pointer-events: none
}

.saInfoSqlChartWrapper .saChartWrapper .saRange {
	opacity: .5;
	pointer-events: none
}

.saInfoSqlChartWrapper .saChartWrapper .saLineMarker {
	stroke-width: 4
}

.saInfoSqlChartWrapper .saChartWrapper .saLineMarker.saHidden {
	opacity: 0;
	stroke-opacity: 0
}

.saInfoSqlChartWrapper .saChartWrapper .saBarLabel {
	fill: #333333;
	font-weight: 600
}

.saInfoSqlChartWrapper .saChartWrapper .saStackedPartLabel {
	pointer-events: none
}

.saInfoSqlChartWrapper .saChartWrapper .saTwoLabelRows:nth-child(odd) text {
	transform: translate(0, 3rem)
}

.saInfoSqlChartWrapper .saChartWrapper .saBar,
.saInfoSqlChartWrapper .saChartWrapper .saChartLine,
.saInfoSqlChartWrapper .saChartWrapper .saLegendItem,
.saInfoSqlChartWrapper .saChartWrapper .saLineArea,
.saInfoSqlChartWrapper .saChartWrapper .saLineMarker,
.saInfoSqlChartWrapper .saChartWrapper .saRange,
.saInfoSqlChartWrapper .saChartWrapper .saStackedPart {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saInfoSqlChartWrapper .saChartWrapper .saXYChart:has(.saSeriesHover) .saChartLine:not(.saSeriesHover) {
	opacity: .5
}

.saInfoSqlChartWrapper .saChartWrapper .saXYChart:has(.saSeriesHover) .saLineArea:not(.saSeriesHover) {
	opacity: .5
}

.saInfoSqlChartWrapper .saChartWrapper .saXYChart:has(.saSeriesHover) .saLineMarker:not(.saSeriesHover):not(.saHidden) {
	stroke-opacity: .5
}

.saInfoSqlChartWrapper .saChartWrapper .saXYChart:has(.saSeriesHover) .saRange:not(.saSeriesHover) {
	opacity: .3
}

.saInfoSqlChartWrapper .saChartWrapper .saXYChart:has(.saSeriesHover) .saLegendItem:not(.saSeriesHover) {
	opacity: .5
}

.saInfoSqlChartWrapper .saChartWrapper .saXYChart:has(.saSeriesHover) .saBar:not(.saSeriesHover) {
	opacity: .5
}

.saInfoSqlChartWrapper .saChartWrapper .saXYChart:has(.saSeriesHover) .saStackedPart:not(.saSeriesHover) {
	opacity: .5
}

.saInfoSqlChartWrapper .saEmptyState.saXYChart {
	border-radius: 1rem;
	background-color: #f8f9fb;
	border: 1px solid #ccd5e2
}

.saInfoSqlChartWrapper .saEmptyState.saPieChart {
	border-radius: 12.5rem;
	background-color: #f8f9fb;
	border: 1px solid #ccd5e2;
	width: 12.5rem;
	height: 12.5rem
}

.saInfoSqlChartWrapper .saEmptyStateHeading {
	font-size: .875rem
}

.saInfoSqlChartWrapper .saEmptyStateDescription {
	font-size: .75rem
}

.saPillGroup {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	flex-wrap: wrap;
	gap: .5rem
}

.saMenuItemPopup {
	position: absolute;
	background-color: #fff
}

.saLargeScreen .saMenuItemPopup.saSmall {
	width: 25rem;
	height: 25rem;
	max-height: 75%;
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: .5rem;
	box-shadow: 0 1px 2px rgba(49, 58, 68, .07), 0 2px .25rem rgba(49, 58, 68, .07), 0 .25rem .5rem rgba(49, 58, 68, .07), 0 .5rem 1rem rgba(49, 58, 68, .07), 0 1rem 2rem rgba(49, 58, 68, .07), 0 2rem 4rem rgba(49, 58, 68, .07)
}

.saLargeScreen .saMenuItemPopup.saMedium {
	width: 50rem;
	height: 50rem;
	max-height: 85%;
	max-width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: .5rem;
	box-shadow: 0 1px 2px rgba(49, 58, 68, .07), 0 2px .25rem rgba(49, 58, 68, .07), 0 .25rem .5rem rgba(49, 58, 68, .07), 0 .5rem 1rem rgba(49, 58, 68, .07), 0 1rem 2rem rgba(49, 58, 68, .07), 0 2rem 4rem rgba(49, 58, 68, .07)
}

.saMenuItemPopup.saLarge {
	top: 3.5rem;
	right: 1rem;
	bottom: 1rem;
	left: 1rem;
	border-radius: .5rem;
	transform: none;
	box-shadow: -1rem -.875rem 1.875rem -.625rem rgba(49, 58, 68, .2)
}

.saSmallScreen .saMenuItemPopup {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 0;
	width: none;
	height: none;
	border-radius: 8x .5rem 0 0
}

.saMenuItemPopup iframe {
	width: 100%;
	height: 100%
}

.saMenuItemPopup form {
	display: none
}

.smallscreen .saMenuItemPopup {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 0
}

body.saPopup .saMenuItemPopup {
	right: 0
}

body.saPopup::before {
	background: 0 0 !important
}

.apiAlertText {
	color: #e0173e
}

.saToc {
	display: flex;
	flex-direction: column;
	position: sticky;
	top: 1rem;
	font-size: .875rem;
	line-height: 1;
	background-color: #fff;
	max-width: 22rem;
	min-width: 12rem;
	margin-left: 2rem;
	order: 99;
	transition: ease max-height .1s;
	max-height: 2rem
}

.saToc.saNoTransition,
.saToc.saNoTransition * {
	transition: none !important
}

.saToc * {
	box-sizing: border-box
}

.saToc.saOpen {
	max-height: 80vh;
	transition: ease max-height .1s
}

.saSmallScreen .saToc {
	display: none
}

.saMultiPartContent .saToc,
.saTocFixed .saToc {
	top: 0;
	order: 0;
	position: relative;
	margin-left: 0;
	padding: 0 0 1rem 0;
	width: 100%;
	max-width: unset
}

.saToc ul {
	padding: .25rem 0 1rem 1rem;
	width: 100%;
	scrollbar-gutter: stable;
	overflow: hidden;
	visibility: hidden;
	transition: ease transform .1s .1s, ease visibility .1s .1s, ease opacity .1s .1s;
	transform: scaleY(0);
	transform-origin: top;
	opacity: 0
}

.saOpen.saToc ul {
	overflow: auto;
	opacity: 1;
	transform: scaleY(1);
	visibility: visible
}

.saToc li {
	display: flex;
	color: #60748b;
	position: relative;
	overflow-wrap: anywhere;
	border-left: 1px solid #ccd5e2;
	align-items: baseline
}

.saToc li[hidden] {
	display: none
}

.saToc li[aria-current=true] {
	border-color: #50146e;
	color: #50146e
}

.saToc li[aria-current=true]::after {
	opacity: 1
}

.saToc li:has(.saTocLink:hover) {
	border-color: #50146e;
	color: #50146e
}

.saToc li:has(.saTocLink:active) {
	border-color: #42045f;
	color: #42045f
}

.saTocLink {
	display: inline-flex;
	align-items: center;
	color: inherit;
	min-height: 1.5rem;
	padding: .25rem .5rem;
	text-decoration: none;
	box-decoration-break: clone
}

.saTocIcon {
	font-size: 1rem;
	cursor: pointer;
	display: inline-flex;
	align-self: center
}

.saTocIcon.saError {
	color: #e0173e;
	transition: ease color .2s
}

@media (pointer:fine) {
	.saTocIcon.saError:hover {
		color: #bf0024
	}
}

.saTocIcon.saError:active {
	color: #9b0002
}

.saTocButton {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	gap: .5rem;
	color: #333333;
	background-color: transparent;
	min-height: 2rem;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.375rem
}

.saTocFixed .saTocButton {
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 600
}

.saStandard .saTocFixed .saTocButton {
	font-size: 1.5rem;
	line-height: 2rem;
	min-height: 2.5rem
}

.saTocButton .saIcon {
	font-size: .875rem;
	color: #333333;
	transition: ease .2s transform
}

.saOpen .saTocButton .saIcon {
	transform: rotate(-180deg)
}

@media (pointer:fine) {
	.saTocButton:hover {
		color: #5d237d
	}

	.saTocButton:hover .saIcon {
		color: inherit
	}
}

.saTocButton:active {
	color: #42045f
}

.saTocButton:active .saIcon {
	color: inherit
}

.saValidationBubble {
	position: absolute;
	min-height: 2rem;
	display: flex;
	z-index: 1000;
	gap: .5rem;
	align-items: center;
	color: #fff;
	background-color: #313a44;
	font-size: .875rem;
	line-height: 1rem;
	padding: .5rem 2.25rem .5rem .5rem;
	border-radius: .5rem;
	width: max-content;
	box-sizing: border-box;
	overflow: hidden;
	cursor: default
}

.saSmallScreen .saValidationBubble {
	min-height: 2.75rem;
	padding-right: 3rem
}

.saValidationBubble.saWarning {
	background-color: #f6ad00;
	color: #513200
}

.saValidationBubble.saWarning .saButton:not(:hover, :active) {
	color: #513200
}

.saValidationBubble.saError {
	background-color: #e0173e
}

.saValidationBubble.saError .saButton:not(:hover, :active) {
	color: #ffc6c5
}

.saValidationBubble.saInfo {
	background-color: #2d6ce1
}

.saValidationBubble.saInfo .saButton:not(:hover, :active) {
	color: #bbd6ff
}

.saValidationBubble.saSuccess {
	background-color: #008429
}

.saValidationBubble.saSuccess .saButton:not(:hover, :active) {
	color: #91e89b
}

.saValidationBubble button.saButton {
	position: absolute;
	top: 0;
	right: 0;
	width: 2rem;
	height: 100%;
	background-color: transparent;
	color: inherit;
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s
}

.saSmallScreen .saValidationBubble button.saButton {
	width: 2.75rem
}

.saValidationBubble button.saButton .saIcon {
	margin-top: 1px
}

@media (pointer:fine) {
	.saValidationBubble button.saButton:hover {
		background-color: #e0173e;
		color: #fff
	}
}

.saValidationBubble button.saButton:active {
	background-color: #bf0024;
	color: #fff
}

.saChatWrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	justify-content: space-between;
	box-sizing: border-box;
	overflow: hidden;
	min-height: 16rem
}

.saLargeScreen .saChatWrapper {
	max-width: 48rem;
	min-height: 16rem
}

.saLargeScreen .saChatWrapper.saChatReadOnly .saChat {
	border-radius: 1rem 1rem 1rem 1rem;
	border: 1px solid #ccd5e2
}

.saChatWrapper * {
	box-sizing: border-box
}

.saChatWrapper [hidden] {
	display: none !important
}

.saChatWrapper .saChat {
	display: flex;
	flex-direction: column;
	height: 100%;
	position: relative;
	flex: 1;
	overflow: auto;
	padding: 0 1rem 1rem 1rem
}

.saLargeScreen .saMultiPartPanel.saHasBorder .saChatWrapper .saChat {
	border-radius: 0;
	border: none
}

.saLargeScreen .saChatWrapper .saChat {
	border-radius: 1rem 1rem 0 0;
	border: 1px solid #ccd5e2;
	border-bottom: none;
	padding-right: 0;
	scrollbar-gutter: stable
}

.saLargeScreen .saChatWrapper .saChat::-webkit-scrollbar {
	background-color: transparent
}

.saLargeScreen .saChatWrapper .saChat::-webkit-scrollbar-thumb {
	background-color: transparent
}

.saLargeScreen .saChatWrapper .saChat:is(:hover, :focus-within)::-webkit-scrollbar {
	background-color: #ccd5e2
}

.saLargeScreen .saChatWrapper .saChat:is(:hover, :focus-within)::-webkit-scrollbar-thumb {
	background-color: #7088a4
}

.saLargeScreen .saChatWrapper .saChat:is(:hover, :focus-within)::-webkit-scrollbar-thumb:hover {
	background-color: #506072
}

.saLargeScreen .saChatWrapper .saChat:is(:hover, :focus-within)::-webkit-scrollbar-thumb:active {
	background-color: #313a44
}

.saChatWrapper .saChat hr {
	border-color: #ccd5e2
}

.saChatWrapper .saChatLog {
	display: flex;
	flex-direction: column;
	list-style-type: none;
	margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 0;
	overflow-wrap: break-word;
	z-index: 0
}

.saChatWrapper .saChatDate {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: .5rem;
	width: 100%;
	position: sticky;
	top: -1rem;
	padding: 2rem 0 1rem 0;
	pointer-events: none;
	z-index: 2
}

.saChatWrapper .saChatDate time {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .75rem;
	line-height: .75rem;
	height: 1.5rem;
	width: fit-content;
	padding: 0 .625rem;
	background-color: #f8f9fb;
	border: 1px solid #ccd5e2;
	border-radius: 99rem;
	pointer-events: all
}

.saChatWrapper .saChatLatest {
	position: sticky;
	bottom: .5rem;
	left: 50%;
	transform: translate(-50%, 0);
	height: 2rem;
	width: 2rem;
	min-height: 2rem;
	min-width: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #eef1f5;
	border: 1px solid #ccd5e2;
	border-radius: 99rem;
	color: #60748b;
	transform-origin: center;
	transition: transform .2s ease, opacity .2s ease, color .2s ease, background-color .2s ease, border .2s ease;
	margin-top: -2rem
}

.saChatWrapper .saChatLatest.saReached {
	transform: translate(-50%, .5rem);
	opacity: 0;
	pointer-events: none
}

@media (pointer:fine) {
	.saChatWrapper .saChatLatest:hover {
		color: #5d237d;
		border-color: #5d237d;
		background-color: #f6deff
	}
}

.saChatWrapper .saChatLatest:active {
	color: #50146e;
	border-color: #50146e;
	background-color: #d3b9e7
}

.saChatWrapper .saChatMessage {
	display: flex;
	margin: 0 2rem .25rem 0;
	flex-direction: row;
	align-items: end;
	position: relative
}

.saChatWrapper .saChatMessage:first-child {
	padding-top: 2rem
}

.saChatWrapper .saChatMessage:has(footer) {
	margin: 0 2rem 1rem 0
}

.saChatWrapper .saChatMessage:not(.saChatSender, .saChatSystem):not(:has(.saChatAvatar)) {
	padding-left: 2rem
}

.saChatWrapper .saChatSender {
	align-items: flex-end;
	margin: 0 0 .25rem 2rem
}

.saChatWrapper .saChatSender .saChatMessageInner {
	align-items: flex-end
}

.saChatWrapper .saChatSender .saChatMessageBody {
	align-items: flex-end
}

.saChatWrapper .saChatSender .saChatMessageBody>p {
	background-color: #f6deff;
	border-radius: 1.25rem 1.25rem .25rem 1.25rem
}

.saChatWrapper .saChatSender .saChatMessageFooter {
	padding: 0 1rem 0 0;
	flex-direction: row-reverse
}

.saChatWrapper .saChatSender.saChatEdit {
	padding: 0
}

.saChatWrapper .saChatSender:has(footer) {
	margin: 0 0 1rem 2rem
}

.saChatWrapper .saChatSender .saChatToolbar,
.saChatWrapper .saChatSender .saChatToolbarMenu {
	left: unset;
	right: .5rem
}

.saChatWrapper .saChatAiResponse {
	position: relative;
	font-size: .875rem;
	line-height: 1.5rem;
	padding-bottom: 3rem
}

.saChatWrapper .saChatAiResponse p:not(:last-of-type) {
	margin-bottom: .625rem
}

.saSmallScreen .saChatWrapper .saChatAiResponse {
	font-size: 1rem;
	line-height: 1.5rem
}

.saChatWrapper .saChatSystem {
	margin: .5rem 0 1rem 0
}

.saChatWrapper .saChatSystem .saChatMessageBody {
	max-width: 100%
}

.saChatWrapper .saChatSystem .saChatMessageBody>p {
	text-align: center;
	color: #60748b;
	font-size: .75rem;
	line-height: 1rem;
	width: 100%;
	background-color: transparent;
	padding: 0
}

.saChatWrapper .saChatAvatar {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 1.5rem;
	min-width: 1.5rem;
	background-color: #adbdd1;
	color: #fff;
	border-radius: 50%;
	font-size: .625rem;
	line-height: 1.5rem;
	transition: ease background .2s, ease transform .2s, ease opacity .2s;
	transform: scale(1);
	border-width: 1px;
	border-style: solid;
	margin: 0 .5rem 1rem 0
}

.saChatWrapper .saChatMessageInner {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%
}

.saChatWrapper .saChatMessageFooter {
	display: flex;
	gap: .5rem;
	position: relative;
	min-height: 1rem;
	align-items: end;
	padding: 0 0 0 1rem
}

.saChatWrapper .saChatSenderName {
	font-size: .75rem;
	line-height: .75rem;
	font-weight: 500
}

.saChatWrapper .saChatMessageTime {
	font-size: .75rem;
	line-height: .75rem;
	color: #60748b;
	position: relative
}

.saChatWrapper .saChatMessageBody {
	display: flex;
	flex-direction: column;
	gap: .25rem;
	position: relative;
	max-width: 28rem;
	width: 100%
}

.saChatWrapper .saChatMessageBody>p {
	font-size: .875rem;
	line-height: 1.25rem;
	word-break: break-word;
	background-color: #eef1f5;
	width: fit-content;
	padding: .625rem 1rem;
	border-radius: .25rem;
	min-width: 2.5rem;
	transition: border-radius ease .2s;
	border-radius: 1.25rem 1.25rem 1.25rem .25rem
}

.saSmallScreen .saChatWrapper .saChatMessageBody>p {
	font-size: 1rem;
	line-height: 1.25rem
}

.saChatWrapper .saChatEdit {
	width: 100%
}

.saChatWrapper .saChatEdit p {
	display: none
}

.saChatWrapper .saChatEdit .saChatToolbar {
	display: none
}

.saChatWrapper .saChatMessageEdit {
	display: flex;
	width: 100%;
	flex-direction: column
}

.saChatWrapper .saChatMessageEdit textarea {
	appearance: none;
	background-color: transparent;
	width: 100%;
	height: 100%;
	resize: none;
	outline: 0;
	font-size: .875rem;
	line-height: 1.25rem;
	font-family: inherit;
	color: inherit;
	field-sizing: content;
	min-height: 8rem;
	max-height: 50dvh;
	background-color: #fff;
	border-radius: .75rem;
	border: none;
	padding: .625rem 0 .625rem 1rem
}

.saChatWrapper .saChatMessageEdit textarea:enabled {
	outline: 1px solid #ccd5e2;
	outline-offset: -1px;
	box-shadow: 0 1px 2px rgba(49, 58, 68, .03), 0 2px .1875rem rgba(49, 58, 68, .03)
}

@media (pointer:fine) {
	.saChatWrapper .saChatMessageEdit textarea:enabled:hover {
		outline-color: #5d237d;
		background-color: #fcf7ff
	}
}

.saChatWrapper .saChatMessageEdit textarea:enabled:focus {
	outline-color: #5d237d;
	outline-offset: -2px;
	outline-width: 2px;
	background-color: #fcf7ff
}

.saChatWrapper .saChatMessageEdit textarea:disabled {
	background-color: #eef1f5;
	outline-color: transparent;
	color: #adbdd1
}

.saLargeScreen .saChatWrapper .saChatMessageEdit textarea {
	scrollbar-gutter: stable
}

.saLargeScreen .saChatWrapper .saChatMessageEdit textarea::-webkit-scrollbar {
	background-color: transparent
}

.saLargeScreen .saChatWrapper .saChatMessageEdit textarea::-webkit-scrollbar-thumb {
	background-color: transparent
}

.saLargeScreen .saChatWrapper .saChatMessageEdit textarea:is(:hover, :focus-within)::-webkit-scrollbar {
	background-color: #ccd5e2
}

.saLargeScreen .saChatWrapper .saChatMessageEdit textarea:is(:hover, :focus-within)::-webkit-scrollbar-thumb {
	background-color: #7088a4
}

.saLargeScreen .saChatWrapper .saChatMessageEdit textarea:is(:hover, :focus-within)::-webkit-scrollbar-thumb:hover {
	background-color: #506072
}

.saLargeScreen .saChatWrapper .saChatMessageEdit textarea:is(:hover, :focus-within)::-webkit-scrollbar-thumb:active {
	background-color: #313a44
}

.saSmallScreen .saChatWrapper .saChatMessageEdit textarea {
	padding: .625rem 1rem .625rem 1rem;
	font-size: 1rem;
	line-height: 1.25rem
}

.saChatWrapper .saChatMessageEdit .saChatButtonGroup {
	display: flex;
	padding: .5rem 0 0 1rem;
	gap: .5rem
}

.saSmallScreen .saChatWrapper .saChatMessageEdit .saChatButtonGroup {
	padding: .5rem 0 0 0
}

.saChatWrapper .saChatMessageEdit .saChatButtonGroup button {
	min-width: 4rem
}

.saSmallScreen .saChatWrapper .saChatMessageEdit .saChatButtonGroup button {
	flex: 1
}

.saChatWrapper .saChatToolbar {
	display: flex;
	flex-direction: row;
	list-style: none;
	position: absolute;
	top: -2rem;
	left: .5rem;
	height: 2.5rem;
	align-items: center;
	width: fit-content;
	gap: .25rem;
	z-index: 10;
	background-color: #fff;
	border-radius: .625rem;
	padding: .25rem;
	border: 1px solid #f8f9fb;
	box-shadow: 0 1px 2px rgba(49, 58, 68, .07), 0 2px .25rem rgba(49, 58, 68, .07)
}

.saChatWrapper .saChatToolbar button {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	border-radius: .5rem;
	padding: 0 .5rem;
	width: 2rem;
	height: 2rem;
	max-width: 2rem;
	min-width: 2rem;
	font-size: 1rem
}

.saChatWrapper .saChatToolbar button .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saChatWrapper .saChatToolbar button .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saChatWrapper .saChatToolbar button .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saChatWrapper .saChatToolbar button .saIcon {
	color: #333333
}

.saChatWrapper .saChatToolbar button.saDestructive {
	color: #dd1f26
}

.saChatWrapper .saChatToolbar button.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saChatWrapper .saChatToolbar button.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saChatWrapper .saChatToolbar button.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saChatWrapper .saChatToolbar button.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saChatWrapper .saChatToolbar button.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saChatWrapper .saChatToolbar button:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saChatWrapper .saChatToolbar button:hover .saIcon {
		color: #5d237d
	}
}

.saChatWrapper .saChatToolbar button:active {
	background-color: #f6deff;
	color: #50146e
}

.saChatWrapper .saChatToolbar button:active .saIcon {
	color: #50146e
}

.saChatWrapper .saChatToolbar button.saDisabled,
.saChatWrapper .saChatToolbar button:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saChatWrapper .saChatToolbar button.saDisabled .saIcon,
.saChatWrapper .saChatToolbar button:disabled .saIcon {
	color: #adbdd1
}

.saChatWrapper .saChatToolbar button:active {
	border-radius: .75rem
}

.saChatWrapper .saChatToolbar button.saDisabled,
.saChatWrapper .saChatToolbar button.saDisabled:is(:hover, :active) {
	border-radius: .5rem
}

.saChatWrapper .saChatToolbar button.saOpen {
	background-color: #f6deff;
	color: #5d237d
}

.saChatWrapper .saChatToolbar button.saOpen .saIcon {
	color: #5d237d
}

.saChatWrapper .saChatToolbarMenu {
	position: absolute;
	top: 1rem;
	left: 1rem;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border-radius: .625rem;
	border: 1px solid #f8f9fb;
	box-shadow: 0 1px 2px rgba(49, 58, 68, .07), 0 2px .25rem rgba(49, 58, 68, .07);
	padding: .25rem;
	border-radius: .75rem;
	z-index: 11
}

.saChatWrapper .saChatToolbarMenu button {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	color: #5d237d;
	background: 0 0;
	gap: .5rem;
	padding: .5rem;
	height: 2rem;
	border-radius: .5rem;
	font-size: .875rem;
	color: #333333;
	width: 100%;
	justify-content: flex-start
}

.saChatWrapper .saChatToolbarMenu button .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saChatWrapper .saChatToolbarMenu button .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saChatWrapper .saChatToolbarMenu button .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saChatWrapper .saChatToolbarMenu button .saIcon {
	color: #333333
}

.saChatWrapper .saChatToolbarMenu button.saDestructive {
	color: #dd1f26
}

.saChatWrapper .saChatToolbarMenu button.saDestructive .saIcon {
	color: #dd1f26
}

@media (pointer:fine) {
	.saChatWrapper .saChatToolbarMenu button.saDestructive:hover {
		color: #dd1f26;
		background: #ffe5e2
	}

	.saChatWrapper .saChatToolbarMenu button.saDestructive:hover .saIcon {
		color: #dd1f26
	}
}

.saChatWrapper .saChatToolbarMenu button.saDestructive:active {
	color: #fff;
	background: #dd1f26
}

.saChatWrapper .saChatToolbarMenu button.saDestructive:active>.saIcon {
	color: #fff
}

@media (pointer:fine) {
	.saChatWrapper .saChatToolbarMenu button:hover {
		background-color: #fcf7ff;
		color: #5d237d
	}

	.saChatWrapper .saChatToolbarMenu button:hover .saIcon {
		color: #5d237d
	}
}

.saChatWrapper .saChatToolbarMenu button:active {
	background-color: #f6deff;
	color: #50146e
}

.saChatWrapper .saChatToolbarMenu button:active .saIcon {
	color: #50146e
}

.saChatWrapper .saChatToolbarMenu button.saDisabled,
.saChatWrapper .saChatToolbarMenu button:disabled {
	color: #adbdd1;
	background-color: transparent;
	cursor: not-allowed
}

.saChatWrapper .saChatToolbarMenu button.saDisabled .saIcon,
.saChatWrapper .saChatToolbarMenu button:disabled .saIcon {
	color: #adbdd1
}

.saChatWrapper .saChatToolbarMenu button:active {
	border-radius: .75rem
}

.saChatWrapper .saChatToolbarMenu button .saIcon {
	font-size: 1rem;
	min-width: 1.125rem;
	max-width: 1.125rem
}

.saChatWrapper .saChatComposer {
	display: flex;
	position: relative;
	max-height: 50%
}

.saSmallScreen .saChatWrapper .saChatComposer {
	padding: 0 .5rem .5rem .5rem
}

.saChatWrapper .saChatComposer textarea {
	width: 100%;
	height: 100%;
	resize: none;
	border: none;
	padding: .75rem 1rem;
	font-size: .875rem;
	line-height: 1rem;
	font-family: inherit;
	outline: 0;
	color: inherit;
	field-sizing: content;
	min-height: 8rem;
	border: 1px solid #ccd5e2;
	background-color: #fff
}

.saLargeScreen .saChatWrapper .saChatComposer textarea {
	border-radius: 0 0 1.5rem 1rem;
	padding-right: 0;
	scrollbar-gutter: stable
}

.saLargeScreen .saChatWrapper .saChatComposer textarea::-webkit-scrollbar {
	background-color: transparent
}

.saLargeScreen .saChatWrapper .saChatComposer textarea::-webkit-scrollbar-thumb {
	background-color: transparent
}

.saLargeScreen .saChatWrapper .saChatComposer textarea:is(:hover, :focus-within)::-webkit-scrollbar {
	background-color: #ccd5e2
}

.saLargeScreen .saChatWrapper .saChatComposer textarea:is(:hover, :focus-within)::-webkit-scrollbar-thumb {
	background-color: #7088a4
}

.saLargeScreen .saChatWrapper .saChatComposer textarea:is(:hover, :focus-within)::-webkit-scrollbar-thumb:hover {
	background-color: #506072
}

.saLargeScreen .saChatWrapper .saChatComposer textarea:is(:hover, :focus-within)::-webkit-scrollbar-thumb:active {
	background-color: #313a44
}

.saLargeScreen .saMultiPartPanel.saHasBorder .saChatWrapper .saChatComposer textarea {
	border-radius: .5rem
}

.saSmallScreen .saChatWrapper .saChatComposer textarea {
	border-radius: 1.5rem;
	font-size: 1rem;
	line-height: 1.25rem;
	min-height: 3rem;
	padding: .75rem 3.5rem .75rem 1rem
}

.saChatWrapper .saChatComposer textarea::placeholder {
	color: #8fa5c0
}

.saChatWrapper .saChatComposerInstruction {
	font-size: .75rem;
	line-height: 1rem;
	color: #60748b;
	padding: .5rem 1rem;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.saChatWrapper .saChatButtonSend,
.saChatWrapper .saChatButtonStop {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	font-family: Lexend, sans-serif;
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	max-width: 100%;
	flex-shrink: 0;
	background-color: #f8f9fb;
	height: 2rem;
	width: 2rem;
	border-radius: 999rem;
	position: absolute;
	right: .5rem;
	bottom: .5rem
}

.saChatWrapper .saChatButtonSend .saButtonText,
.saChatWrapper .saChatButtonStop .saButtonText {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5
}

.saChatWrapper .saChatButtonSend .saBadgedIcon,
.saChatWrapper .saChatButtonStop .saBadgedIcon {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center
}

.saChatWrapper .saChatButtonSend .saIcon,
.saChatWrapper .saChatButtonStop .saIcon {
	transition-property: color, background-color, border-color, transform, border-radius, opacity;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center
}

.saSmallScreen .saChatWrapper .saChatButtonSend,
.saSmallScreen .saChatWrapper .saChatButtonStop {
	right: 1rem;
	bottom: 1rem
}

.saSmallScreen .saChatWrapper .saChatButtonSend::after,
.saSmallScreen .saChatWrapper .saChatButtonStop::after {
	content: '';
	position: absolute;
	height: 3rem;
	width: 3rem;
	inset: -.5rem -.5rem auto auto;
	opacity: 0
}

.saChatWrapper .saChatButtonSend {
	background-color: #5d237d;
	color: #f5f3ee
}

.saChatWrapper .saChatButtonSend .saIcon {
	color: #f5f3ee
}

.saChatWrapper .saChatButtonSend .saBadge {
	color: #5d237d;
	background: #f5f3ee;
	border-color: #5d237d
}

@media (pointer:fine) {
	.saChatWrapper .saChatButtonSend:hover {
		background-color: #50146e
	}

	.saChatWrapper .saChatButtonSend:hover .saBadge {
		background-color: #f5f3ee;
		border-color: #50146e
	}
}

.saChatWrapper .saChatButtonSend:active {
	background-color: #42045f
}

.saChatWrapper .saChatButtonSend:active .saBadge {
	color: #42045f;
	border-color: 2px solid #42045f
}

.saChatWrapper .saChatButtonSend:disabled {
	background: #d3b9e7;
	pointer-events: none
}

.saChatWrapper .saChatButtonSend.saDestructive {
	background-color: #dd1f26;
	color: #fff;
	border-color: #ffdbd7
}

@media (pointer:fine) {
	.saChatWrapper .saChatButtonSend.saDestructive:hover {
		background-color: #c60014
	}
}

.saChatWrapper .saChatButtonStop {
	border: solid 1px #ccd5e2;
	background-color: #f5f3ee;
	color: #333333
}

.saChatWrapper .saChatButtonStop .saIcon {
	color: #333333
}

.saChatWrapper .saChatButtonStop .saBadge {
	color: #f5f3ee;
	border: 2px solid #f5f3ee
}

@media (pointer:fine) {
	.saChatWrapper .saChatButtonStop:hover {
		border-color: #5d237d;
		color: #5d237d
	}

	.saChatWrapper .saChatButtonStop:hover .saIcon {
		color: #5d237d
	}

	.saChatWrapper .saChatButtonStop:hover .saBadge {
		background-color: #5d237d
	}
}

.saChatWrapper .saChatButtonStop:active {
	background: #f6deff
}

.saChatWrapper .saChatButtonStop:active .saBadge {
	color: #f6deff;
	border-color: #f6deff
}

.saChatWrapper .saChatButtonStop.saDestructive {
	color: #dd1f26;
	border-color: #ffdbd7
}

.saChatWrapper .saChatButtonStop.saDestructive .saIcon {
	color: #dd1f26
}

.saChatWrapper .saChatButtonStop.saDestructive .saBadge {
	background-color: #dd1f26
}

@media (pointer:fine) {
	.saChatWrapper .saChatButtonStop.saDestructive:hover {
		color: #f5f3ee;
		background: #dd1f26;
		border-color: transparent
	}

	.saChatWrapper .saChatButtonStop.saDestructive:hover .saIcon {
		color: #f5f3ee
	}

	.saChatWrapper .saChatButtonStop.saDestructive:hover .saBadge {
		background-color: #f5f3ee;
		color: #dd1f26;
		border-color: #dd1f26
	}
}

.saChatWrapper .saChatButtonStop.saDestructive:active {
	color: #f5f3ee;
	background: #ba000b;
	border-color: transparent
}

.saChatWrapper .saChatButtonStop.saDestructive:active .saIcon {
	color: #f5f3ee;
	background-color: #ba000b
}

.saChatWrapper .saChatButtonStop.saDestructive:active .saBadge {
	background-color: #f5f3ee;
	color: #ba000b;
	border-color: #ba000b
}

.saGridCell .saIconTable .saIcon {
	cursor: pointer
}

.saIconTablePreviewBox {
	position: absolute;
	z-index: 600;
	background-color: #fff;
	border: thin solid #ccd5e2;
	border-radius: .5rem;
	padding: .5rem;
	text-align: center
}

softadmin-nodegraph .saNodeContent .saNodeColumnMandatory {
	height: .375rem;
	width: .375rem;
	background-color: #e0173e;
	border-radius: 50%
}

softadmin-nodegraph .saNodeContent .saNodeTableIcon .icon {
	font-size: .625rem;
	line-height: .75rem;
	color: #313a44
}

softadmin-nodegraph .saNodeContent .saNodeTable:has(td.saNodeColumnMandatory) td:first-child,
softadmin-nodegraph .saNodeContent .saNodeTable:has(td.saNodeColumnMandatory) th:first-child {
	padding-right: 0;
	width: .75rem
}

.saWebServiceLogPart {
	border: solid 1px #ccd5e2;
	padding: 1rem;
	border-radius: 1rem;
	margin-bottom: 1rem
}

.saWebServiceLogPart h3 {
	margin-top: 0
}

.saWebServiceLogPart p {
	margin-bottom: 0
}

pre.saCode {
	tab-size: 4
}