.w33 {
	width: 33%;
	float: left;
	padding: 0 10px;
}
.mycontener{
 	width: var(--app-content-width);
	margin: 0 auto;
 
	
	}
	.w50 {
	float: left;
	width: 50%;
}
	
.w25{ float:right; width:25%;}		
	
	
	
	
	
.w70 {
	float: left;
	width: 68%;
	margin-right: 2%;
}
.w30{ float:right; width:30%;}	
	
	

.borderright {
	border-right: 1px solid #d9d7d7;
}
.h200 {
	height:200px;
}
.fulldesc.business-promotion-container {
	padding-top: 50px;
	text-align: justify;
}
app-footer a {
	color: inherit;
	margin-right: 10px;
}
 input:-moz-placeholder-shown, textarea:-moz-placeholder-shown, select:-moz-placeholder-shown {
 animation:on-placeholder-shown 1ms
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
 animation:on-placeholder-shown 1ms
}
 input:placeholder-shown, textarea:placeholder-shown, select:placeholder-shown {
 -webkit-animation:on-placeholder-shown 1ms;
 animation:on-placeholder-shown 1ms
}
 input:not(:-moz-placeholder-shown), textarea:not(:-moz-placeholder-shown), select:not(:-moz-placeholder-shown) {
 animation:on-placeholder-hidden 1ms
}
 input:not(:-ms-input-placeholder), textarea:not(:-ms-input-placeholder), select:not(:-ms-input-placeholder) {
 animation:on-placeholder-hidden 1ms
}
 input:not(:placeholder-shown), textarea:not(:placeholder-shown), select:not(:placeholder-shown) {
 -webkit-animation:on-placeholder-hidden 1ms;
 animation:on-placeholder-hidden 1ms
}
 @-webkit-keyframes on-placeholder-shown {
 from {
 --animation-trigger: not-a-real-value
}
}
 @keyframes on-placeholder-shown {
 from {
 --animation-trigger: not-a-real-value
}
}
 @-webkit-keyframes on-placeholder-hidden {
 from {
 --animation-trigger: not-a-real-value
}
}
 @keyframes on-placeholder-hidden {
 from {
 --animation-trigger: not-a-real-value
}
}
 [empty-value="true"]::before {
 content:"--";
 opacity:var(--opacity-faded)
}
 [scroll] {
 overflow-y:auto;
 overflow-x:hidden;
 --fade-duration: 0.3s;
 --fade-timing-function: ease-out;
 -webkit-overflow-scrolling:touch;
 overscroll-behavior-y:none
}
[scroll].disable-hover * {
	pointer-events:none !important
}
 html:not(.platform-macos):not(.platform-ios) [scroll] {
 --scrollbar-thickness: 12rem;
 --scrollbar-min-length: calc(var(--scrollbar-thickness) * 3);
 scrollbar-width:thin;
 scrollbar-color:var(--surface-scrollbar-thumb-color) var(--surface-scrollbar-track-color);
 -ms-overflow-style:-ms-autohiding-scrollbar
}
 html:not(.platform-macos):not(.platform-ios) [scroll]::-webkit-scrollbar {
 width:var(--scrollbar-thickness);
 height:var(--scrollbar-thickness)
}
 html:not(.platform-macos):not(.platform-ios) [scroll]::-webkit-scrollbar-track:vertical {
 border-left:1rem solid var(--surface-scrollbar-track-color)
}
 html:not(.platform-macos):not(.platform-ios) [scroll]::-webkit-scrollbar-track:vertical:hover {
 border-left:1rem solid var(--surface-scrollbar-track-color--hover)
}
 html:not(.platform-macos):not(.platform-ios) [scroll]::-webkit-scrollbar-track:horizontal {
 border-top:1rem solid var(--surface-scrollbar-track-color)
}
 html:not(.platform-macos):not(.platform-ios) [scroll]::-webkit-scrollbar-track:horizontal:hover {
 border-top:1rem solid var(--surface-scrollbar-track-color--hover)
}
 html:not(.platform-macos):not(.platform-ios) [scroll]::-webkit-scrollbar-corner {
 background-color:var(--surface-scrollbar-track-color)
}
 html:not(.platform-macos):not(.platform-ios) [scroll]::-webkit-scrollbar-thumb {
 min-height:calc(var(--scrollbar-thickness) * 3);
 border:2rem solid transparent;
 border-radius:calc(var(--scrollbar-thickness) / 2);
 box-shadow:inset 0 0 var(--scrollbar-thickness) var(--scrollbar-thickness) var(--surface-scrollbar-thumb-color)
}
 html:not(.platform-macos):not(.platform-ios) [scroll]::-webkit-scrollbar-thumb:hover {
 box-shadow:inset 0 0 var(--scrollbar-thickness) var(--scrollbar-thickness) var(--surface-scrollbar-thumb-color--hover)
}
 html:not(.platform-macos):not(.platform-ios) [scroll]::-webkit-scrollbar-button {
 display:none
}
 [scroll] [scroll-fade] {
 transition:opacity var(--fade-duration);
 transition-timing-function:var(--fade-timing-function)
}
html.scroll-block {
	overflow-y:hidden;
	overflow-x:hidden;
	-ms-scroll-chaining:none;
	overscroll-behavior:none
}
html.scroll-block.scroll-bar-y {
	overflow-y:scroll
}
html.scroll-block.scroll-bar-x {
	overflow-x:scroll
}
html.scroll-block body {
	position:fixed;
	width:100%
}
 [modal-href*="modal: "] {
cursor:pointer
}
 [page-href*="href: "][page-href*="navigate: true"] {
cursor:pointer
}
validation-message {
	display:block
}
validation-message.--single:not(:only-of-type), validation-message+[slot="validation"] validation-message.--single {
display:none
}
 @import url(https://fonts.googleapis.com/css?family=Inter:300,400,400i,600,700,900&display=swap);
:root {
--accessibility-focus-outline-width: 2rem;
--accessibility-focus-outline-offset: 2rem
}
:root {
--animation-delay-hover: 0.3s;
--animation-delay-busy: 0.3s;
--animation-duration-longer: 2s;
--animation-duration-long: 1s;
--animation-duration-medium: 0.35s;
--animation-duration-short: 0.1s;
--animation-duration-skeleton: 1.5s;
--animation-duration-reveal: 1.4s
}
:root {
--border-width-thicker: 6rem;
--border-width-thick: 3rem;
--border-width-medium: 2rem;
--border-width-thin: 1rem
}
:root {
--border-radius-large: 4rem;
--border-radius-medium: 3rem;
--border-radius-small: 2rem
}
:root {
    font-family:'Poppins', sans-serif;


}
:root {
--font-title-line-height: 92rem;
--font-title-font-size: 72rem;
--font-title-margin-top: 24rem;
--font-title-margin-bottom: 24rem;
--font-title-font-weight: 900
}
:root {
--font-largest-line-height: 92rem;
--font-largest-font-size: 72rem;
--font-largest-margin-top: 24rem;
--font-largest-margin-bottom: 24rem;
--font-largest-font-weight: 900
}
:root {
--font-larger-line-height: 52rem;
--font-larger-font-size: 40rem;
--font-larger-margin-top: 24rem;
--font-larger-margin-bottom: 18rem;
--font-larger-font-weight: 900
}
:root {
--font-large-line-height: 36rem;
--font-large-font-size: 28rem;
--font-large-margin-top: 22rem;
--font-large-margin-bottom: 16rem;
--font-large-font-weight: 700
}
:root {
--font-medium-line-height: 26rem;
--font-medium-font-size: 18rem;
--font-medium-margin-top: 18rem;
--font-medium-margin-bottom: 16rem;
--font-medium-font-weight: 400
}
:root {
--font-base-line-height: 24rem;
--font-base-font-size: 16rem;
--font-base-margin-top: 16rem;
--font-base-margin-bottom: 16rem;
--font-base-font-weight: 400
}
:root {
--font-small-line-height: 22rem;
--font-small-font-size: 14rem;
--font-small-margin-top: 14rem;
--font-small-margin-bottom: 14rem;
--font-small-font-weight: 400
}
:root {
--font-smaller-line-height: 24rem;
--font-smaller-font-size: 12rem;
--font-smaller-margin-top: 12rem;
--font-smaller-margin-bottom: 12rem;
--font-smaller-font-weight: 400
}
:root {
--font-monospaced-font-size: 0.92em !important;
--font-monospaced-letter-spacing: -0.008em
}
:root {
--opacity-faded-less: 0.8;
--opacity-faded: 0.6;
--opacity-faded-more: 0.2;
--opacity-faded-most: 0.07;
--opacity-disabled: 0.3;
--opacity-backdrop: 0.3
}
:root {
--shadow-tooltip: 0 0 3rem 0 rgba(0, 0, 0, 0.1);
--shadow-popover: 0 0 6rem 0 rgba(0, 0, 0, 0.1);
--shadow-dropdown-above: 0 -2rem 6rem 0 rgba(0, 0, 0, 0.1);
--shadow-dropdown-below: 0 2rem 6rem 0 rgba(0, 0, 0, 0.1);
--shadow-toast: 0 0 2rem 0 rgba(0, 0, 0, 0.2), 0 0 9rem 0 rgba(0, 0, 0, 0.1);
--shadow-modal: 0 0 3rem 0 rgba(0, 0, 0, 0.2), 0 0 78rem 0 rgba(0, 0, 0, 0.1)
}
:root {
--size-unit: 1px;
--size-indent-spacing: 16rem;
--size-inline-spacing-small: 0.35em;
--size-inline-spacing: 0.5em;
--size-inline-spacing-large: 0.8em;
--size-inline-spacing-larger: 1.5em;
--size-line-spacing: 5rem
}
:root {
--z-index-toast: 800;
--z-index-modal: 700;
--z-index-backdrop: 600;
--z-index-tooltip: 500;
--z-index-popover: 400;
--z-index-dropdown: 300;
--z-index-fixed: 200;
--z-index-sticky: 100
}
:root {
--modal-backdrop-color: rgba(9, 30, 66, 0.54)
}
:root {
--modal-panel-margin: 2rem 2rem 2rem 1rem;
--modal-panel-min-width: 436rem;
--modal-panel-max-width: 70%;
--modal-panel-afterglow: 0 0 16rem 0 rgba(255, 255, 255, 0.4);
--modal-panel-actions-width: 62rem
}
@media (max-width: 600px) {
	.mycontener {
		width: 90%;
	}
:root {
--modal-panel-margin: 2rem 2rem 2rem 1rem;
--modal-panel-min-width: calc(100vw - 1rem - 2rem);
--modal-panel-max-width: var(--modal-panel-min-width)
}
}
:root {
--modal-dialog-margin-top: 68rem;
--modal-dialog-margin-left: 124rem;
--modal-dialog-margin-right: 124rem;
--modal-dialog-margin-bottom: 84rem;
--modal-dialog-max-height: calc(100vh - var(--modal-dialog-margin-top) - var(--modal-dialog-margin-bottom));
--modal-dialog-min-height: 62rem;
--modal-dialog-max-width: calc(100vw - var(--modal-dialog-margin-left) - var(--modal-dialog-margin-right));
--modal-dialog-min-width: 467rem
}
@media (max-width: 600px) {
	.mycontener {
		width: 90%;
	}
:root {
--modal-dialog-margin-top: 2rem;
--modal-dialog-margin-left: 2rem;
--modal-dialog-margin-right: 2rem;
--modal-dialog-margin-bottom: 2rem;
--modal-dialog-max-height: calc(100vh - var(--modal-dialog-margin-top) - var(--modal-dialog-margin-bottom));
--modal-dialog-min-height: 62rem;
--modal-dialog-max-width: calc(100vw - var(--modal-dialog-margin-left) - var(--modal-dialog-margin-right));
--modal-dialog-min-width: var(--modal-dialog-max-width)
}
}
:root {
--modal-overlay-actions-width: var(--modal-panel-actions-width)
}
:root {
--toast-margin-top: 12rem;
--toast-margin-right: 12rem;
--toast-min-height: none;
--toast-max-height: 249rem;
--toast-min-width: min(440rem, 100vw - 2 * 12rem - 6rem);
--toast-max-width: 50vw;
--toast-backdrop-opacity: 0;
--toast-clear-all-color: var(--surface-text-color)
}
:root {
--page-sidebar-collapsed-width: 34rem;
--page-sidebar-min-width: 311rem;
--page-sidebar-max-width: 50%
}
@media (max-width: 600px) {
:root {
--page-sidebar-min-width: calc(100vw - 6rem);
--page-sidebar-max-width: var(--page-sidebar-min-width)
}
}
html {
	height:100%;
	width:100%;
	overflow:hidden;
	overscroll-behavior-y:none;
	font-size:var(--size-unit);
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	text-size-adjust:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:transparent
}
body {
	box-sizing:border-box;
	margin:0;
	height:100%;
	width:100%
}
*, *::before, *::after {
box-sizing:inherit
}
*:focus {
	transition:outline 0s;
	outline:none
}
.focus-visible *:focus:not(.focus-hidden) {
outline:dotted rgba(204, 204, 204, 0.5);
outline-width:var(--accessibility-focus-outline-width);
outline-offset:var(--accessibility-focus-outline-offset)
}
.focus-debug :focus {
	outline:dotted #ff0000;
	outline-width:2rem;
	outline-offset:2rem
}
.focus-debug .focus-visible .focus-hidden:focus {
	outline:dotted #008000;
	outline-width:2rem;
	outline-offset:2rem
}
.focus-debug .focus-visible :not(.focus-hidden):focus {
outline:solid #008000;
outline-width:2rem;
outline-offset:2rem
}
form {
	margin:0;
	padding:0
}
fieldset {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	margin:0;
	padding:0;
	border:none
}
[disabled=""], [disabled="disabled"] {
opacity:var(--opacity-disabled);
cursor:default
}
[disabled=""] [disabled=""], [disabled=""] [disabled="disabled"], [disabled="disabled"] [disabled=""], [disabled="disabled"] [disabled="disabled"] {
opacity:1
}
a[accent="inherit"] {
	color:inherit
}
a[accent="inherit"]:-webkit-any-link:hover, .focus-visible a[accent="inherit"]:-webkit-any-link:focus {
color:var(--surface-primary-text-color--hover)
}
a[accent="inherit"]:-moz-any-link:hover, .focus-visible a[accent="inherit"]:-moz-any-link:focus {
color:var(--surface-primary-text-color--hover)
}
a[accent="inherit"]:any-link:hover, .focus-visible a[accent="inherit"]:any-link:focus {
color:var(--surface-primary-text-color--hover)
}
a:not([appearance])[accent="neutral"] {
color:var(--surface-neutral-text-color)
}
a:not([appearance])[accent="primary"] {
color:var(--surface-primary-text-color)
}
a:not([appearance])[accent="secondary"] {
color:var(--surface-secondary-text-color)
}
a:not([appearance])[accent="info"] {
color:var(--surface-info-text-color)
}
a:not([appearance])[accent="positive"] {
color:var(--surface-positive-text-color)
}
a:not([appearance])[accent="attention"] {
color:var(--surface-attention-text-color)
}
a:not([appearance])[accent="negative"] {
color:var(--surface-negative-text-color)
}
button, a[appearance] {
	display:block;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	font:inherit;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	overflow:hidden;
	cursor:pointer;
	flex-shrink:0
}
button:not([appearance="none"]), a[appearance]:not([appearance="none"]) {
padding:0 16rem;
min-width:48rem;
min-height:48rem;
border:var(--border-width-medium) solid;
border-radius:var(--border-radius-medium);
border-color:transparent;
text-align:center;
font-weight:500
}
button[appearance="none"], a[appearance][appearance="none"] {
	padding:0;
	border:none;
	background:none;
	text-align:left
}
button[appearance="none"]:not([accent]), a[appearance][appearance="none"]:not([accent]) {
color:inherit
}
button[appearance="none"][accent="neutral"], a[appearance][appearance="none"][accent="neutral"] {
	color:var(--surface-neutral-text-color)
}
button[appearance="none"][accent="primary"], a[appearance][appearance="none"][accent="primary"] {
	color:var(--surface-primary-text-color)
}
button[appearance="none"][accent="secondary"], a[appearance][appearance="none"][accent="secondary"] {
	color:var(--surface-secondary-text-color)
}
button[appearance="none"][accent="info"], a[appearance][appearance="none"][accent="info"] {
	color:var(--surface-info-text-color)
}
button[appearance="none"][accent="positive"], a[appearance][appearance="none"][accent="positive"] {
	color:var(--surface-positive-text-color)
}
button[appearance="none"][accent="attention"], a[appearance][appearance="none"][accent="attention"] {
	color:var(--surface-attention-text-color)
}
button[appearance="none"][accent="negative"], a[appearance][appearance="none"][accent="negative"] {
	color:var(--surface-negative-text-color)
}
button:not([appearance]), button[appearance="text"], button[appearance="text-without-hover"], a[appearance]:not([appearance]), a[appearance][appearance="text"], a[appearance][appearance="text-without-hover"] {
background:transparent;
border-color:transparent
}
button:not([appearance]):not([accent]), button[appearance="text"]:not([accent]), button[appearance="text-without-hover"]:not([accent]), a[appearance]:not([appearance]):not([accent]), a[appearance][appearance="text"]:not([accent]), a[appearance][appearance="text-without-hover"]:not([accent]) {
color:var(--surface-neutral-text-color)
}
button:not([appearance])[accent="neutral"], button[appearance="text"][accent="neutral"], button[appearance="text-without-hover"][accent="neutral"], a[appearance]:not([appearance])[accent="neutral"], a[appearance][appearance="text"][accent="neutral"], a[appearance][appearance="text-without-hover"][accent="neutral"] {
color:var(--surface-neutral-text-color)
}
button:not([appearance])[accent="primary"], button[appearance="text"][accent="primary"], button[appearance="text-without-hover"][accent="primary"], a[appearance]:not([appearance])[accent="primary"], a[appearance][appearance="text"][accent="primary"], a[appearance][appearance="text-without-hover"][accent="primary"] {
color:var(--surface-primary-text-color)
}
button:not([appearance])[accent="secondary"], button[appearance="text"][accent="secondary"], button[appearance="text-without-hover"][accent="secondary"], a[appearance]:not([appearance])[accent="secondary"], a[appearance][appearance="text"][accent="secondary"], a[appearance][appearance="text-without-hover"][accent="secondary"] {
color:var(--surface-secondary-text-color)
}
button:not([appearance])[accent="info"], button[appearance="text"][accent="info"], button[appearance="text-without-hover"][accent="info"], a[appearance]:not([appearance])[accent="info"], a[appearance][appearance="text"][accent="info"], a[appearance][appearance="text-without-hover"][accent="info"] {
color:var(--surface-info-text-color)
}
button:not([appearance])[accent="positive"], button[appearance="text"][accent="positive"], button[appearance="text-without-hover"][accent="positive"], a[appearance]:not([appearance])[accent="positive"], a[appearance][appearance="text"][accent="positive"], a[appearance][appearance="text-without-hover"][accent="positive"] {
color:var(--surface-positive-text-color)
}
button:not([appearance])[accent="attention"], button[appearance="text"][accent="attention"], button[appearance="text-without-hover"][accent="attention"], a[appearance]:not([appearance])[accent="attention"], a[appearance][appearance="text"][accent="attention"], a[appearance][appearance="text-without-hover"][accent="attention"] {
color:var(--surface-attention-text-color)
}
button:not([appearance])[accent="negative"], button[appearance="text"][accent="negative"], button[appearance="text-without-hover"][accent="negative"], a[appearance]:not([appearance])[accent="negative"], a[appearance][appearance="text"][accent="negative"], a[appearance][appearance="text-without-hover"][accent="negative"] {
color:var(--surface-negative-text-color)
}
button[appearance="icon"], a[appearance][appearance="icon"] {
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	min-width:0;
	min-height:0;
	padding:0.25em;
	background:transparent;
	border-color:transparent;
	line-height:1
}
button[appearance="icon"]::before, a[appearance][appearance="icon"]::before {
content:"";
display:block;
padding-top:100%
}
button[appearance="icon"]:not([accent]), a[appearance][appearance="icon"]:not([accent]) {
color:var(--surface-neutral-text-color)
}
button[appearance="icon"][accent="neutral"], a[appearance][appearance="icon"][accent="neutral"] {
	color:var(--surface-neutral-text-color)
}
button[appearance="icon"][accent="primary"], a[appearance][appearance="icon"][accent="primary"] {
	color:var(--surface-primary-text-color)
}
button[appearance="icon"][accent="secondary"], a[appearance][appearance="icon"][accent="secondary"] {
	color:var(--surface-secondary-text-color)
}
button[appearance="icon"][accent="info"], a[appearance][appearance="icon"][accent="info"] {
	color:var(--surface-info-text-color)
}
button[appearance="icon"][accent="positive"], a[appearance][appearance="icon"][accent="positive"] {
	color:var(--surface-positive-text-color)
}
button[appearance="icon"][accent="attention"], a[appearance][appearance="icon"][accent="attention"] {
	color:var(--surface-attention-text-color)
}
button[appearance="icon"][accent="negative"], a[appearance][appearance="icon"][accent="negative"] {
	color:var(--surface-negative-text-color)
}
button[appearance="outline"], button:not([appearance]):hover, .focus-visible button:not([appearance]):focus, button[appearance="text"]:hover, .focus-visible button[appearance="text"]:focus, a[appearance][appearance="outline"], a[appearance]:not([appearance]):hover, .focus-visible a[appearance]:not([appearance]):focus, a[appearance][appearance="text"]:hover, .focus-visible a[appearance][appearance="text"]:focus {
background:transparent
}
button[appearance="outline"]:not([accent]), button:not([appearance]):hover:not([accent]), .focus-visible button:not([appearance]):focus:not([accent]), button[appearance="text"]:hover:not([accent]), .focus-visible button[appearance="text"]:focus:not([accent]), a[appearance][appearance="outline"]:not([accent]), a[appearance]:not([appearance]):hover:not([accent]), .focus-visible a[appearance]:not([appearance]):focus:not([accent]), a[appearance][appearance="text"]:hover:not([accent]), .focus-visible a[appearance][appearance="text"]:focus:not([accent]) {
border-color:var(--surface-neutral-border-color);
color:var(--surface-neutral-text-color)
}
button[appearance="outline"][accent="neutral"], button:not([appearance]):hover[accent="neutral"], .focus-visible button:not([appearance]):focus[accent="neutral"], button[appearance="text"]:hover[accent="neutral"], .focus-visible button[appearance="text"]:focus[accent="neutral"], a[appearance][appearance="outline"][accent="neutral"], a[appearance]:not([appearance]):hover[accent="neutral"], .focus-visible a[appearance]:not([appearance]):focus[accent="neutral"], a[appearance][appearance="text"]:hover[accent="neutral"], .focus-visible a[appearance][appearance="text"]:focus[accent="neutral"] {
border-color:var(--surface-neutral-border-color);
color:var(--surface-neutral-text-color)
}
button[appearance="outline"][accent="primary"], button:not([appearance]):hover[accent="primary"], .focus-visible button:not([appearance]):focus[accent="primary"], button[appearance="text"]:hover[accent="primary"], .focus-visible button[appearance="text"]:focus[accent="primary"], a[appearance][appearance="outline"][accent="primary"], a[appearance]:not([appearance]):hover[accent="primary"], .focus-visible a[appearance]:not([appearance]):focus[accent="primary"], a[appearance][appearance="text"]:hover[accent="primary"], .focus-visible a[appearance][appearance="text"]:focus[accent="primary"] {
border-color:var(--surface-primary-border-color);
color:var(--surface-primary-text-color)
}
button[appearance="outline"][accent="secondary"], button:not([appearance]):hover[accent="secondary"], .focus-visible button:not([appearance]):focus[accent="secondary"], button[appearance="text"]:hover[accent="secondary"], .focus-visible button[appearance="text"]:focus[accent="secondary"], a[appearance][appearance="outline"][accent="secondary"], a[appearance]:not([appearance]):hover[accent="secondary"], .focus-visible a[appearance]:not([appearance]):focus[accent="secondary"], a[appearance][appearance="text"]:hover[accent="secondary"], .focus-visible a[appearance][appearance="text"]:focus[accent="secondary"] {
border-color:var(--surface-secondary-border-color);
color:var(--surface-secondary-text-color)
}
button[appearance="outline"][accent="info"], button:not([appearance]):hover[accent="info"], .focus-visible button:not([appearance]):focus[accent="info"], button[appearance="text"]:hover[accent="info"], .focus-visible button[appearance="text"]:focus[accent="info"], a[appearance][appearance="outline"][accent="info"], a[appearance]:not([appearance]):hover[accent="info"], .focus-visible a[appearance]:not([appearance]):focus[accent="info"], a[appearance][appearance="text"]:hover[accent="info"], .focus-visible a[appearance][appearance="text"]:focus[accent="info"] {
border-color:var(--surface-info-border-color);
color:var(--surface-info-text-color)
}
button[appearance="outline"][accent="positive"], button:not([appearance]):hover[accent="positive"], .focus-visible button:not([appearance]):focus[accent="positive"], button[appearance="text"]:hover[accent="positive"], .focus-visible button[appearance="text"]:focus[accent="positive"], a[appearance][appearance="outline"][accent="positive"], a[appearance]:not([appearance]):hover[accent="positive"], .focus-visible a[appearance]:not([appearance]):focus[accent="positive"], a[appearance][appearance="text"]:hover[accent="positive"], .focus-visible a[appearance][appearance="text"]:focus[accent="positive"] {
border-color:var(--surface-positive-border-color);
color:var(--surface-positive-text-color)
}
button[appearance="outline"][accent="attention"], button:not([appearance]):hover[accent="attention"], .focus-visible button:not([appearance]):focus[accent="attention"], button[appearance="text"]:hover[accent="attention"], .focus-visible button[appearance="text"]:focus[accent="attention"], a[appearance][appearance="outline"][accent="attention"], a[appearance]:not([appearance]):hover[accent="attention"], .focus-visible a[appearance]:not([appearance]):focus[accent="attention"], a[appearance][appearance="text"]:hover[accent="attention"], .focus-visible a[appearance][appearance="text"]:focus[accent="attention"] {
border-color:var(--surface-attention-border-color);
color:var(--surface-attention-text-color)
}
button[appearance="outline"][accent="negative"], button:not([appearance]):hover[accent="negative"], .focus-visible button:not([appearance]):focus[accent="negative"], button[appearance="text"]:hover[accent="negative"], .focus-visible button[appearance="text"]:focus[accent="negative"], a[appearance][appearance="outline"][accent="negative"], a[appearance]:not([appearance]):hover[accent="negative"], .focus-visible a[appearance]:not([appearance]):focus[accent="negative"], a[appearance][appearance="text"]:hover[accent="negative"], .focus-visible a[appearance][appearance="text"]:focus[accent="negative"] {
border-color:var(--surface-negative-border-color);
color:var(--surface-negative-text-color)
}
button[appearance="solid"]:not([accent]), .focus-visible button[appearance="icon"]:focus:not([accent]), button[appearance="icon"]:hover:not([accent]), a[appearance][appearance="solid"]:not([accent]), .focus-visible a[appearance][appearance="icon"]:focus:not([accent]), a[appearance][appearance="icon"]:hover:not([accent]) {
border-color:var(--surface-neutral-border-color);
background:var(--surface-neutral-surface-color);
color:var(--surface-neutral-surface-text-color)
}
button[appearance="solid"][accent="neutral"], .focus-visible button[appearance="icon"]:focus[accent="neutral"], button[appearance="icon"]:hover[accent="neutral"], a[appearance][appearance="solid"][accent="neutral"], .focus-visible a[appearance][appearance="icon"]:focus[accent="neutral"], a[appearance][appearance="icon"]:hover[accent="neutral"] {
	border-color:var(--surface-neutral-border-color);
	background:var(--surface-neutral-surface-color);
	color:var(--surface-neutral-surface-text-color)
}
button[appearance="solid"][accent="primary"], .focus-visible button[appearance="icon"]:focus[accent="primary"], button[appearance="icon"]:hover[accent="primary"], a[appearance][appearance="solid"][accent="primary"], .focus-visible a[appearance][appearance="icon"]:focus[accent="primary"], a[appearance][appearance="icon"]:hover[accent="primary"] {
	border-color:var(--surface-primary-border-color);
	background:var(--surface-primary-surface-color);
	color:var(--surface-primary-surface-text-color)
}
button[appearance="solid"][accent="secondary"], .focus-visible button[appearance="icon"]:focus[accent="secondary"], button[appearance="icon"]:hover[accent="secondary"], a[appearance][appearance="solid"][accent="secondary"], .focus-visible a[appearance][appearance="icon"]:focus[accent="secondary"], a[appearance][appearance="icon"]:hover[accent="secondary"] {
	border-color:var(--surface-secondary-border-color);
	background:var(--surface-secondary-surface-color);
	color:var(--surface-secondary-surface-text-color)
}
button[appearance="solid"][accent="info"], .focus-visible button[appearance="icon"]:focus[accent="info"], button[appearance="icon"]:hover[accent="info"], a[appearance][appearance="solid"][accent="info"], .focus-visible a[appearance][appearance="icon"]:focus[accent="info"], a[appearance][appearance="icon"]:hover[accent="info"] {
	border-color:var(--surface-info-border-color);
	background:var(--surface-info-surface-color);
	color:var(--surface-info-surface-text-color)
}
button[appearance="solid"][accent="positive"], .focus-visible button[appearance="icon"]:focus[accent="positive"], button[appearance="icon"]:hover[accent="positive"], a[appearance][appearance="solid"][accent="positive"], .focus-visible a[appearance][appearance="icon"]:focus[accent="positive"], a[appearance][appearance="icon"]:hover[accent="positive"] {
	border-color:var(--surface-positive-border-color);
	background:var(--surface-positive-surface-color);
	color:var(--surface-positive-surface-text-color)
}
button[appearance="solid"][accent="attention"], .focus-visible button[appearance="icon"]:focus[accent="attention"], button[appearance="icon"]:hover[accent="attention"], a[appearance][appearance="solid"][accent="attention"], .focus-visible a[appearance][appearance="icon"]:focus[accent="attention"], a[appearance][appearance="icon"]:hover[accent="attention"] {
	border-color:var(--surface-attention-border-color);
	background:var(--surface-attention-surface-color);
	color:var(--surface-attention-surface-text-color)
}
button[appearance="solid"][accent="negative"], .focus-visible button[appearance="icon"]:focus[accent="negative"], button[appearance="icon"]:hover[accent="negative"], a[appearance][appearance="solid"][accent="negative"], .focus-visible a[appearance][appearance="icon"]:focus[accent="negative"], a[appearance][appearance="icon"]:hover[accent="negative"] {
	border-color:var(--surface-negative-border-color);
	background:var(--surface-negative-surface-color);
	color:var(--surface-negative-surface-text-color)
}
label, select, textarea, input {
	font:inherit
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
appearance:none
}
.use-form-styles ::-moz-placeholder {
color:var(--surface-input-surface-text-color);
opacity:var(--opacity-faded)
}
.use-form-styles :-ms-input-placeholder {
color:var(--surface-input-surface-text-color);
opacity:var(--opacity-faded)
}
.use-form-styles ::placeholder {
color:var(--surface-input-surface-text-color);
opacity:var(--opacity-faded)
}
.use-form-styles input[type="checkbox"] {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	position:relative;
	margin:0 .25em 0 0;
	border:none;
	padding:0;
	width:1em;
	height:1em;
	line-height:inherit;
	font-size:inherit;
	background:none;
	cursor:pointer;
	transition:color var(--animation-duration-short)
}
.use-form-styles input[type="checkbox"]:not([accent]) {
color:var(--surface-neutral-icon-color)
}
.use-form-styles input[type="checkbox"][accent="neutral"] {
	color:var(--surface-neutral-icon-color)
}
.use-form-styles input[type="checkbox"][accent="primary"] {
	color:var(--surface-primary-icon-color)
}
.use-form-styles input[type="checkbox"][accent="secondary"] {
	color:var(--surface-secondary-icon-color)
}
.use-form-styles input[type="checkbox"][accent="info"] {
	color:var(--surface-info-icon-color)
}
.use-form-styles input[type="checkbox"][accent="positive"] {
	color:var(--surface-positive-icon-color)
}
.use-form-styles input[type="checkbox"][accent="attention"] {
	color:var(--surface-attention-icon-color)
}
.use-form-styles input[type="checkbox"][accent="negative"] {
	color:var(--surface-negative-icon-color)
}
.use-form-styles input[type="checkbox"]::after {
content:"";
position:absolute;
left:-.25em;
top:-.25em;
width:1.5em;
height:1.5em;
-webkit-mask-size:1.5em;
mask-size:1.5em;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
background:currentColor;
-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'/><path d='M0 0h24v24H0z' fill='none'/></svg>")
}
.use-form-styles input[type="checkbox"]:checked::after {
-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path d='M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/></svg>");
mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path d='M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/></svg>")
}
.use-form-styles input[type="checkbox"]:indeterminate::after {
-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' width='24' height='24'><path d='M0 0h24v24H0z' fill='none'/><path d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z'/></svg>");
mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 24 24' width='24' height='24'><path d='M0 0h24v24H0z' fill='none'/><path d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z'/></svg>")
}
label>.use-form-styles input[type="checkbox"] {
	margin-right:var(--size-inline-spacing)
}
.use-form-styles input[type="radio"] {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	position:relative;
	margin:0 .25em 0 0;
	border:none;
	padding:0;
	width:1em;
	height:1em;
	line-height:inherit;
	font-size:inherit;
	background:none;
	cursor:pointer;
	transition:color var(--animation-duration-short)
}
.use-form-styles input[type="radio"]:not([accent]) {
color:var(--surface-neutral-icon-color)
}
.use-form-styles input[type="radio"][accent="neutral"] {
	color:var(--surface-neutral-icon-color)
}
.use-form-styles input[type="radio"][accent="primary"] {
	color:var(--surface-primary-icon-color)
}
.use-form-styles input[type="radio"][accent="secondary"] {
	color:var(--surface-secondary-icon-color)
}
.use-form-styles input[type="radio"][accent="info"] {
	color:var(--surface-info-icon-color)
}
.use-form-styles input[type="radio"][accent="positive"] {
	color:var(--surface-positive-icon-color)
}
.use-form-styles input[type="radio"][accent="attention"] {
	color:var(--surface-attention-icon-color)
}
.use-form-styles input[type="radio"][accent="negative"] {
	color:var(--surface-negative-icon-color)
}
.use-form-styles input[type="radio"]::after {
content:"";
position:absolute;
left:-.25em;
top:-.25em;
width:1.5em;
height:1.5em;
-webkit-mask-size:1.5em;
mask-size:1.5em;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
background:currentColor;
-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/><path d='M0 0h24v24H0z' fill='none'/></svg>")
}
.use-form-styles input[type="radio"]:checked::after {
-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/><path d='M0 0h24v24H0z' fill='none'/></svg>")
}
label>.use-form-styles input[type="radio"] {
	margin-right:var(--size-inline-spacing)
}
.use-form-styles label {
	display:flex;
	align-items:center;
	cursor:pointer
}
.use-form-styles label[appearance="input"] {
	cursor:text
}
.use-form-styles label>span {
	flex-shrink:0
}
.use-form-styles label[appearance="input"], .use-form-styles select, .use-form-styles textarea, .use-form-styles input:not([type]), .use-form-styles input[type="color"], .use-form-styles input[type="date"], .use-form-styles input[type="datetime-local"], .use-form-styles input[type="email"], .use-form-styles input[type="month"], .use-form-styles input[type="number"], .use-form-styles input[type="password"], .use-form-styles input[type="search"], .use-form-styles input[type="tel"], .use-form-styles input[type="text"], .use-form-styles input[type="time"], .use-form-styles input[type="url"], .use-form-styles input[type="week"] {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
margin:0;
padding:0 9rem;
max-width:100%;
min-height:48rem;
border:var(--border-width-thin) solid var(--surface-input-border-color);
border-radius:var(--border-radius-medium);
font-size:inherit;
line-height:inherit;
color:var(--surface-input-surface-text-color);
background:var(--surface-input-surface-color);
width:100%
}
.use-form-styles label[appearance="input"]:not(label), .use-form-styles select:not(label), .use-form-styles textarea:not(label), .use-form-styles input:not([type]):not(label), .use-form-styles input[type="color"]:not(label), .use-form-styles input[type="date"]:not(label), .use-form-styles input[type="datetime-local"]:not(label), .use-form-styles input[type="email"]:not(label), .use-form-styles input[type="month"]:not(label), .use-form-styles input[type="number"]:not(label), .use-form-styles input[type="password"]:not(label), .use-form-styles input[type="search"]:not(label), .use-form-styles input[type="tel"]:not(label), .use-form-styles input[type="text"]:not(label), .use-form-styles input[type="time"]:not(label), .use-form-styles input[type="url"]:not(label), .use-form-styles input[type="week"]:not(label) {
display:block
}
label[appearance="input"]>.use-form-styles label[appearance="input"], label[appearance="input"]>.use-form-styles select, label[appearance="input"]>.use-form-styles textarea, label[appearance="input"]>.use-form-styles input:not([type]), label[appearance="input"]>.use-form-styles input[type="color"], label[appearance="input"]>.use-form-styles input[type="date"], label[appearance="input"]>.use-form-styles input[type="datetime-local"], label[appearance="input"]>.use-form-styles input[type="email"], label[appearance="input"]>.use-form-styles input[type="month"], label[appearance="input"]>.use-form-styles input[type="number"], label[appearance="input"]>.use-form-styles input[type="password"], label[appearance="input"]>.use-form-styles input[type="search"], label[appearance="input"]>.use-form-styles input[type="tel"], label[appearance="input"]>.use-form-styles input[type="text"], label[appearance="input"]>.use-form-styles input[type="time"], label[appearance="input"]>.use-form-styles input[type="url"], label[appearance="input"]>.use-form-styles input[type="week"] {
padding-left:0;
padding-right:0;
min-height:calc(31rem - 2 * var(--border-width-thin));
min-width:31rem
}
.use-form-styles input[type="number"]::-webkit-inner-spin-button, .use-form-styles input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance:none;
appearance:none;
margin:0
}
.use-form-styles textarea {
	min-height:62rem;
	min-width:100%;
	padding-top:7rem;
	padding-bottom:7rem
}
.use-form-styles select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
	padding-right:2em;
	background-position:right -1.25em center;
	background-repeat:no-repeat;
	background-size:1em;
	background-origin:content-box;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M128.4 160L96 192.3 256 352l160-159.7-32.4-32.3L256 287.3z' stroke='red'/></svg>")
}
[accent="neutral"] {
--surface-accent-color: var(--surface-neutral-text-color, inherit);
color:var(--surface-accent-color, inherit)
}
[accent="primary"] {
--surface-accent-color: var(--surface-primary-text-color, inherit);
color:var(--surface-accent-color, inherit)
}
[accent="secondary"] {
--surface-accent-color: var(--surface-secondary-text-color, inherit);
color:var(--surface-accent-color, inherit)
}
[accent="info"] {
--surface-accent-color: var(--surface-info-text-color, inherit);
color:var(--surface-accent-color, inherit)
}
[accent="positive"] {
--surface-accent-color: var(--surface-positive-text-color, inherit);
color:var(--surface-accent-color, inherit)
}
[accent="attention"] {
--surface-accent-color: var(--surface-attention-text-color, inherit);
color:var(--surface-accent-color, inherit)
}
[accent="negative"] {
--surface-accent-color: var(--surface-negative-text-color, inherit);
color:var(--surface-accent-color, inherit)
}
body {
	background:var(--surface-color);
	color:var(--surface-text-color);
	line-height:var(--font-base-line-height);
	font-size:var(--font-base-font-size);

	font-weight:var(--font-base-font-weight);
--font-current-margin-top: var(--font-base-margin-top);
--font-current-margin-bottom: var(--font-base-margin-bottom)
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	font:inherit;
	text-decoration:none;
	color:inherit;
	page-break-after:avoid
}
p {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
hr {
	margin:0;
	padding:0;
	border:0;
	height:auto;
	font:inherit;
	text-decoration:none;
	text-align:center;
	color:inherit;
	background:none;
	overflow:hidden
}
pre {
	margin:0;
	white-space:pre;
	overflow-x:auto
}
blockquote {
	margin:0;
	padding:0;
	font:inherit;
	text-decoration:none;
	color:inherit;
	background:none
}
blockquote::before {
content:none
}
blockquote::after {
content:none
}
ul, ol {
	margin:0;
	padding:0;
	list-style:none
}
li {
	margin:0;
	padding:0
}
ul ol {
	margin:0
}
dl {
	margin:0;
	padding:0
}
dt, dd {
	margin:0;
	padding:0;
	font:inherit;
	text-decoration:none;
	color:inherit;
	background:none
}
figure {
	margin:0;
	padding:0;
	background:none
}
figcaption {
	margin:0;
	padding:0;
	font:inherit;
	text-decoration:none;
	text-align:left;
	color:inherit;
	background:none
}
a {
	font:inherit;
	text-decoration:none;
	color:var(--surface-primary-text-color);
	cursor:pointer
}
sub, sup {
	position:relative;
	vertical-align:baseline;
	font-size:0.7em;
	line-height:0
}
sup {
	top:-0.4em
}
sub {
	bottom:-0.3em
}
i, em {
	font:inherit;
	font-style:italic;
	text-decoration:none;
	color:inherit;
	background:none
}
b, strong {
	font:inherit;
	font-weight:600;
	text-decoration:none;
	color:inherit;
	background:none
}
u {
	font:inherit;
	text-decoration:underline;
	color:inherit;
	background:none
}
s {
	font:inherit;
	text-decoration:line-through;
	color:inherit;
	background:none
}
small {
	font:inherit;
	text-decoration:none;
	color:inherit;
	background:none
}
time, data {
	font:inherit;
	text-decoration:none;
	color:inherit;
	background:none
}
abbr, dfn {
	font:inherit;
	text-decoration:none;
	color:inherit;
	background:none
}
abbr[title], dfn[title] {
	-webkit-text-decoration:dotted underline rgba(0, 0, 0, 0.2);
	text-decoration:dotted underline rgba(0, 0, 0, 0.2)
}
cite {
	font:inherit;
	font-style:italic;
	text-decoration:none;
	color:inherit;
	background:none
}
q {
	font:inherit;
	text-decoration:none;
	color:inherit;
	background:none;
	quotes:'"' '"' "'" "'"
}
q::before {
content:open-quote
}
q::after {
content:close-quote
}
mark {
	font:inherit;
	text-decoration:none;
	color:var(--surface-mark-surface-text-color);
	background:var(--surface-mark-surface-color)
}
code, var, kbd, samp {
	font:inherit;
	font-family:var(--font-family-monospaced);
	text-decoration:none;
	font-size:var(--font-monospaced-font-size);
	letter-spacing:var(--font-monospaced-letter-spacing);
	color:inherit;
	background:none
}
kbd {
	background:var(--surface-neutral-surface-color);
	padding:0.2em 0.55em;
	border-radius:0.25em
}
ins, del {
	font:inherit;
	text-decoration:none;
	-webkit-box-decoration-break:clone;
	box-decoration-break:clone;
	border-radius:var(--border-radius-medium)
}
ins {
	color:var(--surface-ins-surface-text-color);
	background:var(--surface-ins-surface-color)
}
del {
	color:var(--surface-del-surface-text-color);
	background:var(--surface-del-surface-color)
}
img, svg, iframe, embed, object, video, audio {
	margin:0;
	padding:0;
	border:none;
	width:100%;
	height:auto;
	max-width:100%
}
a img {
	border:none
}
img:not([src]) {
visibility:hidden
}
table {
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
	border-spacing:0
}
th, td {
	margin:0;
	padding:0;
	border:none;
	font:inherit;
	text-align:left;
	vertical-align:middle
}
caption {
	margin:0;
	padding:0;
	font:inherit;
	text-decoration:none;
	text-align:left;
	color:inherit;
	background:none
}
@-webkit-keyframes fade-in {
from {
opacity:var(--fade-in-from-opacity, 0)
}
to {
	opacity:var(--fade-in-to-opacity, 1)
}
}
@keyframes fade-in {
from {
opacity:var(--fade-in-from-opacity, 0)
}
to {
	opacity:var(--fade-in-to-opacity, 1)
}
}
.animation-fade-in-longer.au-enter {
	opacity:var(--fade-in-from-opacity, 0)
}
.animation-fade-in-longer.au-enter-active {
	-webkit-animation:fade-in ease forwards;
	animation:fade-in ease forwards;
	-webkit-animation-duration:var(--animation-duration-longer);
	animation-duration:var(--animation-duration-longer)
}
.animation-fade-in-long.au-enter {
	opacity:var(--fade-in-from-opacity, 0)
}
.animation-fade-in-long.au-enter-active {
	-webkit-animation:fade-in ease forwards;
	animation:fade-in ease forwards;
	-webkit-animation-duration:10s;
	animation-duration:10s
}
.animation-fade-in-medium.au-enter {
	opacity:var(--fade-in-from-opacity, 0)
}
.animation-fade-in-medium.au-enter-active {
	-webkit-animation:fade-in ease forwards;
	animation:fade-in ease forwards;
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
.animation-fade-in-short.au-enter {
	opacity:var(--fade-in-from-opacity, 0)
}
.animation-fade-in-short.au-enter-active {
	-webkit-animation:fade-in ease forwards;
	animation:fade-in ease forwards;
	-webkit-animation-duration:var(--animation-duration-short);
	animation-duration:var(--animation-duration-short)
}
@-webkit-keyframes fade-out {
to {
opacity:var(--fade-out-to-opacity, 0)
}
}
@keyframes fade-out {
to {
opacity:var(--fade-out-to-opacity, 0)
}
}
.animation-fade-out-longer.au-leave-active {
	-webkit-animation:fade-out ease forwards;
	animation:fade-out ease forwards;
	-webkit-animation-duration:var(--animation-duration-longer);
	animation-duration:var(--animation-duration-longer)
}
.animation-fade-out-long.au-leave-active {
	-webkit-animation:fade-out ease forwards;
	animation:fade-out ease forwards;
	-webkit-animation-duration:var(--animation-duration-long);
	animation-duration:var(--animation-duration-long)
}
.animation-fade-out-medium.au-leave-active {
	-webkit-animation:fade-out ease forwards;
	animation:fade-out ease forwards;
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
.animation-fade-out-short.au-leave-active {
	-webkit-animation:fade-out ease forwards;
	animation:fade-out ease forwards;
	-webkit-animation-duration:var(--animation-duration-short);
	animation-duration:var(--animation-duration-short)
}
@-webkit-keyframes reveal {
to {
--animation-trigger: not-a-real-value
}
}
@keyframes reveal {
to {
--animation-trigger: not-a-real-value
}
}
.animation-reveal.au-enter {
	opacity:var(--fade-in-from-opacity, 0);
	transform:translateY(25rem);
	will-change:opacity transform;
transition:opacity calc(var(--animation-duration-reveal) * (1.2 / 1.4)) cubic-bezier(0.215, 0.61, 0.355, 1), transform var(--animation-duration-reveal) cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.animation-reveal.au-enter-active {
	opacity:var(--fade-in-to-opacity, 1);
	transform:translateY(0);
	-webkit-animation:reveal var(--animation-duration-reveal);
	animation:reveal var(--animation-duration-reveal)
}
.flex-row {
	display:flex;
	flex-direction:row
}
.flex-column {
	display:flex;
	flex-direction:column
}
.flex-wrap {
	flex-wrap:wrap
}
.flex-grow {
	flex-grow:1
}
.flex-row .flex-constrain {
	min-width:0
}
.flex-column .flex-constrain {
	min-height:0
}
.flex-center {
	margin-top:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto
}
.flex-center-row {
	margin-left:auto;
	margin-right:auto
}
.flex-center-column {
	margin-top:auto;
	margin-bottom:auto
}
.flex-push-up {
	margin-bottom:auto
}
.flex-push-left {
	margin-right:auto
}
.flex-push-right {
	margin-left:auto
}
.flex-push-down {
	margin-top:auto
}
.flex-basis-1-of-1, .flex-basis-2-of-2, .flex-basis-3-of-3, .flex-basis-4-of-4 {
	flex-basis:100%
}
.flex-basis-1-of-2, .flex-basis-2-of-4 {
	flex-basis:50%
}
.flex-basis-1-of-3 {
flex-basis:calc(100% / 3 * 1)
}
.flex-basis-2-of-3 {
flex-basis:calc(100% / 3 * 2)
}
.flex-basis-1-of-4 {
	flex-basis:25%
}
.flex-basis-3-of-4 {
	flex-basis:75%
}
.float-left {
	float:left
}
.float-right {
	float:right
}
.margin-left {
	margin-left:var(--size-inline-spacing-large) !important
}
.margin-left-large {
	margin-left:var(--size-inline-spacing-large) !important
}
.margin-right {
	margin-right:var(--size-inline-spacing-large) !important
}
.margin-right-large {
	margin-right:var(--size-inline-spacing-large) !important
}
.margin-largest, .margin-largest-top {
	margin-top:62rem !important
}
.margin-largest, .margin-largest-left {
	margin-left:62rem !important
}
.margin-largest, .margin-largest-right {
	margin-right:62rem !important
}
.margin-largest, .margin-largest-bottom {
	margin-bottom:62rem !important
}
.margin-larger, .margin-larger-top {
	margin-top:25rem !important
}
.margin-larger, .margin-larger-left {
	margin-left:25rem !important
}
.margin-larger, .margin-larger-right {
	margin-right:25rem !important
}
.margin-larger, .margin-larger-bottom {
	margin-bottom:25rem !important
}
.margin-large, .margin-large-top {
	margin-top:16rem !important
}
.margin-large, .margin-large-left {
	margin-left:16rem !important
}
.margin-large, .margin-large-right {
	margin-right:16rem !important
}
.margin-large, .margin-large-bottom {
	margin-bottom:16rem !important
}
.margin-medium, .margin-medium-top {
	margin-top:12rem !important
}
.margin-medium, .margin-medium-left {
	margin-left:12rem !important
}
.margin-medium, .margin-medium-right {
	margin-right:12rem !important
}
.margin-medium, .margin-medium-bottom {
	margin-bottom:12rem !important
}
.margin-small, .margin-small-top {
	margin-top:9rem !important
}
.margin-small, .margin-small-left {
	margin-left:9rem !important
}
.margin-small, .margin-small-right {
	margin-right:9rem !important
}
.margin-small, .margin-small-bottom {
	margin-bottom:9rem !important
}
.margin-smaller, .margin-smaller-top {
	margin-top:6rem !important
}
.margin-smaller, .margin-smaller-left {
	margin-left:6rem !important
}
.margin-smaller, .margin-smaller-right {
	margin-right:6rem !important
}
.margin-smaller, .margin-smaller-bottom {
	margin-bottom:6rem !important
}
.margin-smallest, .margin-smallest-top {
	margin-top:3rem !important
}
.margin-smallest, .margin-smallest-left {
	margin-left:3rem !important
}
.margin-smallest, .margin-smallest-right {
	margin-right:3rem !important
}
.margin-smallest, .margin-smallest-bottom {
	margin-bottom:3rem !important
}
.margin-auto, .margin-auto-top {
	margin-top:auto !important
}
.margin-auto, .margin-auto-left {
	margin-left:auto !important
}
.margin-auto, .margin-auto-right {
	margin-right:auto !important
}
.margin-auto, .margin-auto-bottom {
	margin-bottom:auto !important
}
.padding-largest, .padding-largest-top {
	padding-top:25rem
}
.padding-largest, .padding-largest-left {
	padding-left:25rem
}
.padding-largest, .padding-largest-right {
	padding-right:25rem
}
.padding-largest, .padding-largest-bottom {
	padding-bottom:25rem
}
.padding-larger, .padding-larger-top {
	padding-top:19rem
}
.padding-larger, .padding-larger-left {
	padding-left:19rem
}
.padding-larger, .padding-larger-right {
	padding-right:19rem
}
.padding-larger, .padding-larger-bottom {
	padding-bottom:19rem
}
.padding-large, .padding-large-top {
	padding-top:16rem
}
.padding-large, .padding-large-left {
	padding-left:16rem
}
.padding-large, .padding-large-right {
	padding-right:16rem
}
.padding-large, .padding-large-bottom {
	padding-bottom:16rem
}
.padding-medium, .padding-medium-top {
	padding-top:12rem
}
.padding-medium, .padding-medium-left {
	padding-left:12rem
}
.padding-medium, .padding-medium-right {
	padding-right:12rem
}
.padding-medium, .padding-medium-bottom {
	padding-bottom:12rem
}
.padding-small, .padding-small-top {
	padding-top:9rem
}
.padding-small, .padding-small-left {
	padding-left:9rem
}
.padding-small, .padding-small-right {
	padding-right:9rem
}
.padding-small, .padding-small-bottom {
	padding-bottom:9rem
}
.accent-neutral {
--surface-accent-text-color: var(--surface-neutral-text-color);
--surface-accent-icon-color: var(--surface-neutral-icon-color);
--surface-accent-border-color: var(--surface-neutral-border-color);
--surface-accent-surface-color: var(--surface-neutral-surface-color);
--surface-accent-surface-text-color: var(--surface-neutral-surface-text-color);
--surface-accent-surface-icon-color: var(--surface-neutral-surface-icon-color);
--surface-accent-text-color--hover: var(--surface-neutral-text-color--hover);
--surface-accent-icon-color--hover: var(--surface-neutral-icon-color--hover);
--surface-accent-border-color--hover: var(--surface-neutral-border-color--hover);
--surface-accent-surface-color--hover: var(--surface-neutral-surface-color--hover);
--surface-accent-surface-text-color--hover: var(--surface-neutral-surface-text-color--hover);
--surface-accent-surface-icon-color--hover: var(--surface-neutral-surface-icon-color--hover);
--surface-accent-text-color--focus: var(--surface-neutral-text-color--focus);
--surface-accent-icon-color--focus: var(--surface-neutral-icon-color--focus);
--surface-accent-border-color--focus: var(--surface-neutral-border-color--focus);
--surface-accent-surface-color--focus: var(--surface-neutral-surface-color--focus);
--surface-accent-surface-text-color--focus: var(--surface-neutral-surface-text-color--focus);
--surface-accent-surface-icon-color--focus: var(--surface-neutral-surface-icon-color--focus);
--surface-accent-text-color--active: var(--surface-neutral-text-color--active);
--surface-accent-icon-color--active: var(--surface-neutral-icon-color--active);
--surface-accent-border-color--active: var(--surface-neutral-border-color--active);
--surface-accent-surface-color--active: var(--surface-neutral-surface-color--active);
--surface-accent-surface-text-color--active: var(--surface-neutral-surface-text-color--active);
--surface-accent-surface-icon-color--active: var(--surface-neutral-surface-icon-color--active)
}
.accent-info {
--surface-accent-text-color: var(--surface-info-text-color);
--surface-accent-icon-color: var(--surface-info-icon-color);
--surface-accent-border-color: var(--surface-info-border-color);
--surface-accent-surface-color: var(--surface-info-surface-color);
--surface-accent-surface-text-color: var(--surface-info-surface-text-color);
--surface-accent-surface-icon-color: var(--surface-info-surface-icon-color);
--surface-accent-text-color--hover: var(--surface-info-text-color--hover);
--surface-accent-icon-color--hover: var(--surface-info-icon-color--hover);
--surface-accent-border-color--hover: var(--surface-info-border-color--hover);
--surface-accent-surface-color--hover: var(--surface-info-surface-color--hover);
--surface-accent-surface-text-color--hover: var(--surface-info-surface-text-color--hover);
--surface-accent-surface-icon-color--hover: var(--surface-info-surface-icon-color--hover);
--surface-accent-text-color--focus: var(--surface-info-text-color--focus);
--surface-accent-icon-color--focus: var(--surface-info-icon-color--focus);
--surface-accent-border-color--focus: var(--surface-info-border-color--focus);
--surface-accent-surface-color--focus: var(--surface-info-surface-color--focus);
--surface-accent-surface-text-color--focus: var(--surface-info-surface-text-color--focus);
--surface-accent-surface-icon-color--focus: var(--surface-info-surface-icon-color--focus);
--surface-accent-text-color--active: var(--surface-info-text-color--active);
--surface-accent-icon-color--active: var(--surface-info-icon-color--active);
--surface-accent-border-color--active: var(--surface-info-border-color--active);
--surface-accent-surface-color--active: var(--surface-info-surface-color--active);
--surface-accent-surface-text-color--active: var(--surface-info-surface-text-color--active);
--surface-accent-surface-icon-color--active: var(--surface-info-surface-icon-color--active)
}
.accent-positive {
--surface-accent-text-color: var(--surface-positive-text-color);
--surface-accent-icon-color: var(--surface-positive-icon-color);
--surface-accent-border-color: var(--surface-positive-border-color);
--surface-accent-surface-color: var(--surface-positive-surface-color);
--surface-accent-surface-text-color: var(--surface-positive-surface-text-color);
--surface-accent-surface-icon-color: var(--surface-positive-surface-icon-color);
--surface-accent-text-color--hover: var(--surface-positive-text-color--hover);
--surface-accent-icon-color--hover: var(--surface-positive-icon-color--hover);
--surface-accent-border-color--hover: var(--surface-positive-border-color--hover);
--surface-accent-surface-color--hover: var(--surface-positive-surface-color--hover);
--surface-accent-surface-text-color--hover: var(--surface-positive-surface-text-color--hover);
--surface-accent-surface-icon-color--hover: var(--surface-positive-surface-icon-color--hover);
--surface-accent-text-color--focus: var(--surface-positive-text-color--focus);
--surface-accent-icon-color--focus: var(--surface-positive-icon-color--focus);
--surface-accent-border-color--focus: var(--surface-positive-border-color--focus);
--surface-accent-surface-color--focus: var(--surface-positive-surface-color--focus);
--surface-accent-surface-text-color--focus: var(--surface-positive-surface-text-color--focus);
--surface-accent-surface-icon-color--focus: var(--surface-positive-surface-icon-color--focus);
--surface-accent-text-color--active: var(--surface-positive-text-color--active);
--surface-accent-icon-color--active: var(--surface-positive-icon-color--active);
--surface-accent-border-color--active: var(--surface-positive-border-color--active);
--surface-accent-surface-color--active: var(--surface-positive-surface-color--active);
--surface-accent-surface-text-color--active: var(--surface-positive-surface-text-color--active);
--surface-accent-surface-icon-color--active: var(--surface-positive-surface-icon-color--active)
}
.accent-attention {
--surface-accent-text-color: var(--surface-attention-text-color);
--surface-accent-icon-color: var(--surface-attention-icon-color);
--surface-accent-border-color: var(--surface-attention-border-color);
--surface-accent-surface-color: var(--surface-attention-surface-color);
--surface-accent-surface-text-color: var(--surface-attention-surface-text-color);
--surface-accent-surface-icon-color: var(--surface-attention-surface-icon-color);
--surface-accent-text-color--hover: var(--surface-attention-text-color--hover);
--surface-accent-icon-color--hover: var(--surface-attention-icon-color--hover);
--surface-accent-border-color--hover: var(--surface-attention-border-color--hover);
--surface-accent-surface-color--hover: var(--surface-attention-surface-color--hover);
--surface-accent-surface-text-color--hover: var(--surface-attention-surface-text-color--hover);
--surface-accent-surface-icon-color--hover: var(--surface-attention-surface-icon-color--hover);
--surface-accent-text-color--focus: var(--surface-attention-text-color--focus);
--surface-accent-icon-color--focus: var(--surface-attention-icon-color--focus);
--surface-accent-border-color--focus: var(--surface-attention-border-color--focus);
--surface-accent-surface-color--focus: var(--surface-attention-surface-color--focus);
--surface-accent-surface-text-color--focus: var(--surface-attention-surface-text-color--focus);
--surface-accent-surface-icon-color--focus: var(--surface-attention-surface-icon-color--focus);
--surface-accent-text-color--active: var(--surface-attention-text-color--active);
--surface-accent-icon-color--active: var(--surface-attention-icon-color--active);
--surface-accent-border-color--active: var(--surface-attention-border-color--active);
--surface-accent-surface-color--active: var(--surface-attention-surface-color--active);
--surface-accent-surface-text-color--active: var(--surface-attention-surface-text-color--active);
--surface-accent-surface-icon-color--active: var(--surface-attention-surface-icon-color--active)
}
.accent-negative {
--surface-accent-text-color: var(--surface-negative-text-color);
--surface-accent-icon-color: var(--surface-negative-icon-color);
--surface-accent-border-color: var(--surface-negative-border-color);
--surface-accent-surface-color: var(--surface-negative-surface-color);
--surface-accent-surface-text-color: var(--surface-negative-surface-text-color);
--surface-accent-surface-icon-color: var(--surface-negative-surface-icon-color);
--surface-accent-text-color--hover: var(--surface-negative-text-color--hover);
--surface-accent-icon-color--hover: var(--surface-negative-icon-color--hover);
--surface-accent-border-color--hover: var(--surface-negative-border-color--hover);
--surface-accent-surface-color--hover: var(--surface-negative-surface-color--hover);
--surface-accent-surface-text-color--hover: var(--surface-negative-surface-text-color--hover);
--surface-accent-surface-icon-color--hover: var(--surface-negative-surface-icon-color--hover);
--surface-accent-text-color--focus: var(--surface-negative-text-color--focus);
--surface-accent-icon-color--focus: var(--surface-negative-icon-color--focus);
--surface-accent-border-color--focus: var(--surface-negative-border-color--focus);
--surface-accent-surface-color--focus: var(--surface-negative-surface-color--focus);
--surface-accent-surface-text-color--focus: var(--surface-negative-surface-text-color--focus);
--surface-accent-surface-icon-color--focus: var(--surface-negative-surface-icon-color--focus);
--surface-accent-text-color--active: var(--surface-positive-text-color--active);
--surface-accent-icon-color--active: var(--surface-positive-icon-color--active);
--surface-accent-border-color--active: var(--surface-positive-border-color--active);
--surface-accent-surface-color--active: var(--surface-positive-surface-color--active);
--surface-accent-surface-text-color--active: var(--surface-positive-surface-text-color--active);
--surface-accent-surface-icon-color--active: var(--surface-positive-surface-icon-color--active)
}
.clip-circle {
	border-radius:50%
}
.display-none {
	display:none
}
.display-inline {
	display:inline
}
.display-inline-block {
	display:inline-block
}
.display-block {
	display:block
}
.filter-lighten {
	filter:contrast(90%) brightness(113%)
}
.opacity-faded-less {
	opacity:var(--opacity-faded-less)
}
.opacity-faded {
	opacity:var(--opacity-faded)
}
.opacity-faded-more {
	opacity:var(--opacity-faded-more)
}
.opacity-faded-most {
	opacity:var(--opacity-faded-most)
}
.opacity-disabled {
	opacity:var(--opacity-disabled)
}
.pointer-events-none {
	pointer-events:none
}
.pointer-events-auto {
	pointer-events:auto
}
.text-skeleton {
	border-radius:var(--border-radius-medium);
	background-size:200%;
	background-image:linear-gradient(105deg, rgba(0, 0, 0, 0.015) 9%, rgba(0, 0, 0, 0) 23%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.015) 40%, rgba(0, 0, 0, 0.015) 59%, rgba(0, 0, 0, 0) 73%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.015) 90%);
	-webkit-animation:text-skeleton ease infinite;
	animation:text-skeleton ease infinite;
	-webkit-animation-duration:var(--animation-duration-skeleton);
	animation-duration:var(--animation-duration-skeleton);
	-webkit-animation-delay:calc(var(--animation-duration-skeleton) / 3);
	animation-delay:calc(var(--animation-duration-skeleton) / 3)
}
.text-skeleton::after {
content:"​"
}
@-webkit-keyframes text-skeleton {
0% {
background-position:0
}
60%, 100% {
background-position:100%
}
}
@keyframes text-skeleton {
0% {
background-position:0
}
60%, 100% {
background-position:100%
}
}
.user-select-none {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.user-select-auto {
	-webkit-user-select:auto;
	-moz-user-select:auto;
	-ms-user-select:auto;
	user-select:auto
}
.user-select-text {
	-webkit-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	user-select:text
}
.user-select-contain {
	-webkit-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	user-select:text;
	-webkit-user-select:contain;
	-moz-user-select:contain;
	-ms-user-select:element;
	user-select:contain
}
.user-select-all {
	-webkit-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	user-select:text;
	-webkit-user-select:all;
	-moz-user-select:all;
	user-select:all
}
.visibility-hidden {
	visibility:hidden !important
}
.visibility-collapse {
	visibility:collapse !important
}
.visibility-screen-reader-only {
	position:absolute;
	margin:-1px;
	height:1px;
	width:1px;
	border:0;
	padding:0;
	overflow:hidden;
	clip:rect(0 0 0 0)
}
hr.hr-line {
	border-top:1rem solid var(--surface-separator-color)
}
.margin-within hr.hr-line {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
figure.figure-quote {
	padding-left:calc(var(--size-indent-spacing) - var(--border-width-thick));
	border-left:var(--border-width-thick) solid var(--palette-color-neutral)
}
.margin-within figure.figure-quote {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
figure.figure-quote>figcaption {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom);
	text-align:end
}
figure.figure-quote>figcaption::before {
content:"— "
}
.margin-within figure.figure-table {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
figure.figure-table>figcaption {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom);
	text-align:start
}
.margin-within figure.figure-image {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
figure.figure-image>figcaption {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom);
	text-align:start
}
.font-title {
	line-height:var(--font-title-line-height);
	font-size:var(--font-title-font-size);
	font-weight:var(--font-title-font-weight);
	text-rendering:geometricPrecision;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	text-transform:uppercase;
--font-current-margin-top: var(--font-title-margin-top);
--font-current-margin-bottom: var(--font-title-margin-bottom)
}
.margin-within .font-title {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
body {
--font-title:
 var(--font-title-font-weight)  var(--font-title-font-size) /  var(--font-title-line-height)  var(--font-family-sans-serif)
}
.font-largest {
	line-height:var(--font-largest-line-height);
	font-size:var(--font-largest-font-size);
	 
	text-rendering:geometricPrecision;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
--font-current-margin-top: var(--font-largest-margin-top);
--font-current-margin-bottom: var(--font-largest-margin-bottom)
}
.margin-within .font-largest {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
body {
--font-largest:
 var(--font-largest-font-weight)  var(--font-largest-font-size) /  var(--font-largest-line-height)  var(--font-family-sans-serif)
}
.font-larger {
	line-height:var(--font-larger-line-height);
	font-size:var(--font-larger-font-size);
	
	text-rendering:geometricPrecision;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
--font-current-margin-top: var(--font-larger-margin-top);
--font-current-margin-bottom: var(--font-larger-margin-bottom)
}
.margin-within .font-larger {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
body {
--font-larger:
 var(--font-larger-font-weight)  var(--font-larger-font-size) /  var(--font-larger-line-height)  var(--font-family-sans-serif)
}
.font-large {
	line-height:var(--font-large-line-height);
	font-size:var(--font-large-font-size);
	font-weight:var(--font-large-font-weight);
	text-rendering:geometricPrecision;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
--font-current-margin-top: var(--font-large-margin-top);
--font-current-margin-bottom: var(--font-large-margin-bottom)
}
.margin-within .font-large {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
body {
--font-large:
 var(--font-large-font-weight)  var(--font-large-font-size) /  var(--font-large-line-height)  var(--font-family-sans-serif)
}
.font-medium {
	line-height:var(--font-medium-line-height);
	font-size:var(--font-medium-font-size);
	font-weight:var(--font-medium-font-weight);
	text-rendering:geometricPrecision;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
--font-current-margin-top: var(--font-medium-margin-top);
--font-current-margin-bottom: var(--font-medium-margin-bottom)
}
.margin-within .font-medium {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
body {
--font-medium:
 var(--font-medium-font-weight)  var(--font-medium-font-size) /  var(--font-medium-line-height)  var(--font-family-sans-serif)
}
.font-base {
	line-height:var(--font-base-line-height);
	font-size:var(--font-base-font-size);
	font-weight:var(--font-base-font-weight);
--font-current-margin-top: var(--font-base-margin-top);
--font-current-margin-bottom: var(--font-base-margin-bottom)
}
.margin-within .font-base {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
body {
--font-base:
 var(--font-base-font-weight)  var(--font-base-font-size) /  var(--font-base-line-height)  var(--font-family-sans-serif)
}
.font-small {
	line-height:var(--font-small-line-height);
	font-size:var(--font-small-font-size);
	font-weight:var(--font-small-font-weight);
--font-current-margin-top: var(--font-small-margin-top);
--font-current-margin-bottom: var(--font-small-margin-bottom)
}
.margin-within .font-small {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
body {
--font-small:
 var(--font-small-font-weight)  var(--font-small-font-size) /  var(--font-small-line-height)  var(--font-family-sans-serif)
}
.font-smaller {
	line-height:var(--font-smaller-line-height);
	font-size:var(--font-smaller-font-size);
	font-weight:var(--font-smaller-font-weight);
--font-current-margin-top: var(--font-smaller-margin-top);
--font-current-margin-bottom: var(--font-smaller-margin-bottom)
}
.margin-within .font-smaller {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
body {
--font-smaller:
 var(--font-smaller-font-weight)  var(--font-smaller-font-size) /  var(--font-smaller-line-height)  var(--font-family-sans-serif)
}
.font-monospaced {
	font-size:var(--font-monospaced-font-size);
	font-family:var(--font-family-monospaced)
}
body {
--font-monospaced:
 var(--font-monospaced-font-size)  var(--font-family-monospaced)
}
.font-weight-300 {
	font-weight:300 !important
}
.font-weight-400 {
	font-weight:400 !important
}
.font-weight-500 {
	font-weight:500 !important
}
.font-weight-600 {
	font-weight:600 !important
}
.font-weight-700 {
	font-weight:700 !important
}
.line-height-1 {
	line-height:1
}
.line-height-0 {
	line-height:0
}
ul.ul-check-mark {
--list-image-size: 1em;
	padding-left:var(--size-indent-spacing);
	list-style:none
}
ul.ul-check-mark.--no-indent {
--size-indent-spacing: 0;
--size-inline-spacing: calc(1em)
}
.margin-within ul.ul-check-mark {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
ul.ul-check-mark li {
	padding-left:calc(var(--size-inline-spacing-large) + var(--list-image-size))
}
ul.ul-check-mark li::before {
content:"";
display:inline-block;
vertical-align:top;
position:relative;
margin-right:var(--size-inline-spacing-large);
margin-left:calc(var(--size-inline-spacing-large) * -1 - var(--list-image-size));
top:0.5em;
width:var(--list-image-size);
height:var(--list-image-size);
-webkit-mask-size:100%;
mask-size:100%;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
background:currentColor;
-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 15'><path d='M11.732 0L4.294 12.99 6.44 14.24 13.879 1.25z'/><path d='M0 10.491L4.596 13.166 5.836 11.002 1.24 8.326z'/></svg>");
mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 15'><path d='M11.732 0L4.294 12.99 6.44 14.24 13.879 1.25z'/><path d='M0 10.491L4.596 13.166 5.836 11.002 1.24 8.326z'/></svg>")
}
ul.ul-check-mark.margin-within li {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
ul.ul-disc {
	padding-left:var(--size-indent-spacing);
	list-style:disc outside
}
.margin-within ul.ul-disc {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
ul.ul-disc li {
	padding-left:var(--size-inline-spacing)
}
ul.ul-disc li:not(:last-child) {
margin-bottom:5rem
}
ul.ul-disc.margin-within li {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
ol.ol-decimal {
padding-left:calc(2 * var(--size-indent-spacing));
	list-style:decimal outside
}
.margin-within ol.ol-decimal {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
ol.ol-decimal li {
	padding-left:var(--size-inline-spacing)
}
ol.ol-decimal.margin-within li {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
ol.ol-decimal-leading-zero {
padding-left:calc(2 * var(--size-indent-spacing));
	list-style:decimal-leading-zero outside
}
.margin-within ol.ol-decimal-leading-zero {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
ol.ol-decimal-leading-zero li {
	padding-left:var(--size-inline-spacing)
}
ol.ol-decimal-leading-zero.margin-within li {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
ol.ol-lower-roman {
padding-left:calc(2 * var(--size-indent-spacing));
	list-style:lower-roman outside
}
.margin-within ol.ol-lower-roman {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
ol.ol-lower-roman li {
	padding-left:var(--size-inline-spacing)
}
ol.ol-lower-roman.margin-within li {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
ol.ol-upper-roman {
padding-left:calc(2 * var(--size-indent-spacing));
	list-style:upper-roman outside
}
.margin-within ol.ol-upper-roman {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
ol.ol-upper-roman li {
	padding-left:var(--size-inline-spacing)
}
ol.ol-upper-roman.margin-within li {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
ol.ol-lower-alpha {
padding-left:calc(2 * var(--size-indent-spacing));
	list-style:lower-alpha outside
}
.margin-within ol.ol-lower-alpha {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
ol.ol-lower-alpha li {
	padding-left:var(--size-inline-spacing)
}
ol.ol-lower-alpha.margin-within li {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
ol.ol-upper-alpha {
padding-left:calc(2 * var(--size-indent-spacing));
	list-style:upper-alpha outside
}
.margin-within ol.ol-upper-alpha {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
ol.ol-upper-alpha li {
	padding-left:var(--size-inline-spacing)
}
ol.ol-upper-alpha.margin-within li {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
dl.dl-normal {
	padding-left:var(--size-indent-spacing)
}
.margin-within dl.dl-normal {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-bottom)
}
dl.dl-normal dt {
	margin-top:var(--font-current-margin-top);
	font-weight:bolder
}
dl.dl-normal dd {
	margin-bottom:var(--font-current-margin-bottom)
}
.margin, .margin-top {
	margin-top:var(--font-current-margin-top);
	margin-bottom:var(--font-current-margin-top);
}
.margin, .margin-bottom {
	margin-bottom:var(--font-current-margin-bottom)
}
.margin-double, .margin-double-top {
margin-top:calc(2 * var(--font-current-margin-top))
}
.margin-double, .margin-double-bottom {
margin-bottom:calc(2 * var(--font-current-margin-bottom))
}
.margin-triple, .margin-triple-top {
margin-top:calc(3 * var(--font-current-margin-top))
}
.margin-triple, .margin-triple-bottom {
margin-bottom:calc(3 * var(--font-current-margin-bottom))
}
table.table-normal {
	border:1rem solid var(--palette-color-neutral)
}
table.table-normal th, table.table-normal td {
	padding:2rem 6rem 3rem 6rem;
	border:1rem solid var(--palette-color-neutral)
}
.text-align-left {
	text-align:left
}
.text-align-right {
	text-align:right
}
.text-align-center {
	text-align:center
}
.text-transform-uppercase {
	text-transform:uppercase
}
.text-transform-lowercase {
	text-transform:lowercase
}
.text-transform-titlecase {
	text-transform:capitalize
}
.text-truncate {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.text-truncate-reverse {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	direction:rtl;
	text-align:left;
	unicode-bidi:-moz-plaintext;
	unicode-bidi:plaintext
}
.white-space-normal {
	white-space:normal
}
.white-space-nowrap {
	white-space:nowrap
}
.white-space-pre {
	white-space:pre
}
.white-space-pre-wrap {
	white-space:pre-wrap
}
.white-space-pre-line {
	white-space:pre-line
}
[surface="base"], [surface$="/base"] {
--surface-subtle-color: #3a5c70;
--surface-text-color: var(--palette-color-primary-darkest);
--surface-icon-color: var(--palette-color-primary-darkest);
--surface-separator-color: var(--palette-color-neutral);
--surface-transparent-color: transparent;
--surface-color: var(--palette-color-whitepoint)
}
[surface="base"], [surface$="/base"] {
--surface-scrollbar-track-color: rgba(0, 0, 0, 0.035);
--surface-scrollbar-thumb-color: var(--palette-color-neutral-darker);
--surface-scrollbar-track-color--hover: rgba(0, 0, 0, 0.035);
--surface-scrollbar-thumb-color--hover: var(--palette-color-neutral-darkest)
}
[surface="base"], [surface$="/base"] {
--surface-ins-surface-color: var(--palette-color-positive-dark);
--surface-ins-surface-text-color: var(--palette-color-positive-lighter)
}
[surface="base"], [surface$="/base"] {
--surface-del-surface-color: var(--palette-color-negative-dark);
--surface-del-surface-text-color: var(--palette-color-negative-lighter)
}
[surface="base"], [surface$="/base"] {
--surface-mark-surface-color: #ffff00;
--surface-mark-surface-text-color: inherit
}
[surface="base"], [surface$="/base"] {
--surface-neutral-text-color: var(--surface-text-color);
--surface-neutral-icon-color: var(--surface-icon-color);
--surface-neutral-border-color: var(--palette-color-neutral-light);
--surface-neutral-surface-color: var(--palette-color-neutral-light);
--surface-neutral-surface-text-color: var(--surface-text-color);
--surface-neutral-surface-icon-color: var(--surface-icon-color);
--surface-neutral-text-color--hover: var(--surface-text-color);
--surface-neutral-icon-color--hover: var(--surface-icon-color);
--surface-neutral-border-color--hover: var(--palette-color-neutral);
--surface-neutral-surface-color--hover: var(--palette-color-neutral);
--surface-neutral-surface-text-color--hover: var(--surface-text-color);
--surface-neutral-surface-icon-color--hover: var(--surface-icon-color);
--surface-neutral-text-color--focus: var(--surface-text-color);
--surface-neutral-icon-color--focus: var(--surface-icon-color);
--surface-neutral-border-color--focus: var(--palette-color-neutral);
--surface-neutral-surface-color--focus: var(--palette-color-neutral);
--surface-neutral-surface-text-color--focus: var(--surface-text-color);
--surface-neutral-surface-icon-color--focus: var(--surface-icon-color);
--surface-neutral-text-color--active: var(--surface-text-color);
--surface-neutral-icon-color--active: var(--surface-icon-color);
--surface-neutral-border-color--active: var(--palette-color-neutral-dark);
--surface-neutral-surface-color--active: var(--palette-color-neutral-dark);
--surface-neutral-surface-text-color--active: var(--surface-text-color);
--surface-neutral-surface-icon-color--active: var(--surface-icon-color)
}
[surface="base"], [surface$="/base"] {
--surface-primary-text-color: var(--palette-color-primary);
--surface-primary-icon-color: var(--palette-color-primary);
--surface-primary-border-color: var(--palette-color-primary);
--surface-primary-surface-color: var(--palette-color-primary);
--surface-primary-surface-text-color: var(--palette-color-primary-lighter);
--surface-primary-surface-icon-color: var(--palette-color-primary-lighter);
--surface-primary-text-color--hover: var(--palette-color-primary-dark);
--surface-primary-icon-color--hover: var(--palette-color-primary-dark);
--surface-primary-border-color--hover: var(--palette-color-primary-dark);
--surface-primary-surface-color--hover: var(--palette-color-primary-dark);
--surface-primary-surface-text-color--hover: var(--palette-color-primary-lighter);
--surface-primary-surface-icon-color--hover: var(--palette-color-primary-lighter);
--surface-primary-text-color--focus: var(--palette-color-primary-dark);
--surface-primary-icon-color--focus: var(--palette-color-primary-dark);
--surface-primary-border-color--focus: var(--palette-color-primary-dark);
--surface-primary-surface-color--focus: var(--palette-color-primary-dark);
--surface-primary-surface-text-color--focus: var(--palette-color-primary-lighter);
--surface-primary-surface-icon-color--focus: var(--palette-color-primary-lighter);
--surface-primary-text-color--active: var(--palette-color-primary-darker);
--surface-primary-icon-color--active: var(--palette-color-primary-darker);
--surface-primary-border-color--active: var(--palette-color-primary-darker);
--surface-primary-surface-color--active: var(--palette-color-primary-darker);
--surface-primary-surface-text-color--active: var(--palette-color-primary-lighter);
--surface-primary-surface-icon-color--active: var(--palette-color-primary-lighter)
}
[surface="base"], [surface$="/base"] {
--surface-secondary-text-color: var(--palette-color-primary-darker);
--surface-secondary-icon-color: var(--palette-color-primary-darker);
--surface-secondary-border-color: var(--palette-color-primary-darker);
--surface-secondary-surface-color: var(--palette-color-primary-darker);
--surface-secondary-surface-text-color: var(--palette-color-whitepoint);
--surface-secondary-surface-icon-color: var(--palette-color-whitepoint);
--surface-secondary-text-color--hover: var(--palette-color-primary-darkest);
--surface-secondary-icon-color--hover: var(--palette-color-primary-darkest);
--surface-secondary-border-color--hover: var(--palette-color-primary-darkest);
--surface-secondary-surface-color--hover: var(--palette-color-primary-darkest);
--surface-secondary-surface-text-color--hover: var(--palette-color-whitepoint);
--surface-secondary-surface-icon-color--hover: var(--palette-color-whitepoint);
--surface-secondary-text-color--focus: var(--palette-color-primary-darkest);
--surface-secondary-icon-color--focus: var(--palette-color-primary-darkest);
--surface-secondary-border-color--focus: var(--palette-color-primary-darkest);
--surface-secondary-surface-color--focus: var(--palette-color-primary-darkest);
--surface-secondary-surface-text-color--focus: var(--palette-color-whitepoint);
--surface-secondary-surface-icon-color--focus: var(--palette-color-whitepoint);
--surface-secondary-text-color--active: var(--palette-color-primary-darkest);
--surface-secondary-icon-color--active: var(--palette-color-primary-darkest);
--surface-secondary-border-color--active: var(--palette-color-primary-darkest);
--surface-secondary-surface-color--active: var(--palette-color-primary-darkest);
--surface-secondary-surface-text-color--active: var(--palette-color-whitepoint);
--surface-secondary-surface-icon-color--active: var(--palette-color-whitepoint)
}
[surface="base"], [surface$="/base"] {
--surface-info-text-color: var(--palette-color-info);
--surface-info-icon-color: var(--palette-color-info);
--surface-info-border-color: var(--palette-color-info);
--surface-info-surface-color: var(--palette-color-info);
--surface-info-surface-text-color: var(--palette-color-info-lighter);
--surface-info-surface-icon-color: var(--palette-color-info-lighter);
--surface-info-text-color--hover: var(--palette-color-info-dark);
--surface-info-icon-color--hover: var(--palette-color-info-dark);
--surface-info-border-color--hover: var(--palette-color-info-dark);
--surface-info-surface-color--hover: var(--palette-color-info-dark);
--surface-info-surface-text-color--hover: var(--palette-color-info-lighter);
--surface-info-surface-icon-color--hover: var(--palette-color-info-lighter);
--surface-info-text-color--focus: var(--palette-color-info-dark);
--surface-info-icon-color--focus: var(--palette-color-info-dark);
--surface-info-border-color--focus: var(--palette-color-info-dark);
--surface-info-surface-color--focus: var(--palette-color-info-dark);
--surface-info-surface-text-color--focus: var(--palette-color-info-lighter);
--surface-info-surface-icon-color--focus: var(--palette-color-info-lighter);
--surface-info-text-color--active: var(--palette-color-info-darker);
--surface-info-icon-color--active: var(--palette-color-info-darker);
--surface-info-border-color--active: var(--palette-color-info-darker);
--surface-info-surface-color--active: var(--palette-color-info-darker);
--surface-info-surface-text-color--active: var(--palette-color-info-lighter);
--surface-info-surface-icon-color--active: var(--palette-color-info-lighter)
}
[surface="base"], [surface$="/base"] {
--surface-positive-text-color: var(--palette-color-positive);
--surface-positive-icon-color: var(--palette-color-positive);
--surface-positive-border-color: var(--palette-color-positive);
--surface-positive-surface-color: var(--palette-color-positive);
--surface-positive-surface-text-color: var(--palette-color-positive-lighter);
--surface-positive-surface-icon-color: var(--palette-color-positive-lighter);
--surface-positive-text-color--hover: var(--palette-color-positive-dark);
--surface-positive-icon-color--hover: var(--palette-color-positive-dark);
--surface-positive-border-color--hover: var(--palette-color-positive-dark);
--surface-positive-surface-color--hover: var(--palette-color-positive-dark);
--surface-positive-surface-text-color--hover: var(--palette-color-positive-lighter);
--surface-positive-surface-icon-color--hover: var(--palette-color-positive-lighter);
--surface-positive-text-color--focus: var(--palette-color-positive-dark);
--surface-positive-icon-color--focus: var(--palette-color-positive-dark);
--surface-positive-border-color--focus: var(--palette-color-positive-dark);
--surface-positive-surface-color--focus: var(--palette-color-positive-dark);
--surface-positive-surface-text-color--focus: var(--palette-color-positive-lighter);
--surface-positive-surface-icon-color--focus: var(--palette-color-positive-lighter);
--surface-positive-text-color--active: var(--palette-color-positive-darker);
--surface-positive-icon-color--active: var(--palette-color-positive-darker);
--surface-positive-border-color--active: var(--palette-color-positive-darker);
--surface-positive-surface-color--active: var(--palette-color-positive-darker);
--surface-positive-surface-text-color--active: var(--palette-color-positive-lighter);
--surface-positive-surface-icon-color--active: var(--palette-color-positive-lighter)
}
[surface="base"], [surface$="/base"] {
--surface-attention-text-color: var(--palette-color-attention);
--surface-attention-icon-color: var(--palette-color-attention);
--surface-attention-border-color: var(--palette-color-attention);
--surface-attention-surface-color: var(--palette-color-attention);
--surface-attention-surface-text-color: var(--palette-color-attention-lighter);
--surface-attention-surface-icon-color: var(--palette-color-attention-lighter);
--surface-attention-text-color--hover: var(--palette-color-attention-dark);
--surface-attention-icon-color--hover: var(--palette-color-attention-dark);
--surface-attention-border-color--hover: var(--palette-color-attention-dark);
--surface-attention-surface-color--hover: var(--palette-color-attention-dark);
--surface-attention-surface-text-color--hover: var(--palette-color-attention-lighter);
--surface-attention-surface-icon-color--hover: var(--palette-color-attention-lighter);
--surface-attention-text-color--focus: var(--palette-color-attention-dark);
--surface-attention-icon-color--focus: var(--palette-color-attention-dark);
--surface-attention-surface-color--focus: var(--palette-color-attention-dark);
--surface-attention-border-color--focus: var(--palette-color-attention-dark);
--surface-attention-surface-text-color--focus: var(--palette-color-attention-lighter);
--surface-attention-surface-icon-color--focus: var(--palette-color-attention-lighter);
--surface-attention-text-color--active: var(--palette-color-attention-darker);
--surface-attention-icon-color--active: var(--palette-color-attention-darker);
--surface-attention-border-color--active: var(--palette-color-attention-darker);
--surface-attention-surface-color--active: var(--palette-color-attention-darker);
--surface-attention-surface-text-color--active: var(--palette-color-attention-lighter);
--surface-attention-surface-icon-color--active: var(--palette-color-attention-lighter)
}
[surface="base"], [surface$="/base"] {
--surface-negative-text-color: var(--palette-color-negative);
--surface-negative-icon-color: var(--palette-color-negative);
--surface-negative-border-color: var(--palette-color-negative);
--surface-negative-surface-color: var(--palette-color-negative);
--surface-negative-surface-text-color: var(--palette-color-negative-lighter);
--surface-negative-surface-icon-color: var(--palette-color-negative-lighter);
--surface-negative-text-color--hover: var(--palette-color-negative-dark);
--surface-negative-icon-color--hover: var(--palette-color-negative-dark);
--surface-negative-border-color--hover: var(--palette-color-negative-dark);
--surface-negative-surface-color--hover: var(--palette-color-negative-dark);
--surface-negative-surface-text-color--hover: var(--palette-color-negative-lighter);
--surface-negative-surface-icon-color--hover: var(--palette-color-negative-lighter);
--surface-negative-text-color--focus: var(--palette-color-negative-dark);
--surface-negative-icon-color--focus: var(--palette-color-negative-dark);
--surface-negative-border-color--focus: var(--palette-color-negative-dark);
--surface-negative-surface-color--focus: var(--palette-color-negative-dark);
--surface-negative-surface-text-color--focus: var(--palette-color-negative-lighter);
--surface-negative-surface-icon-color--focus: var(--palette-color-negative-lighter);
--surface-negative-text-color--active: var(--palette-color-negative-darker);
--surface-negative-icon-color--active: var(--palette-color-negative-darker);
--surface-negative-border-color--active: var(--palette-color-negative-darker);
--surface-negative-surface-color--active: var(--palette-color-negative-darker);
--surface-negative-surface-text-color--active: var(--palette-color-negative-lighter);
--surface-negative-surface-icon-color--active: var(--palette-color-negative-lighter)
}
[surface="base"], [surface$="/base"] {
--surface-dropdown-border-color: var(--palette-color-neutral);
--surface-dropdown-surface-color: var(--palette-color-whitepoint);
--surface-dropdown-surface-text-color: var(--palette-color-primary-darkerst)
}
[surface="base"], [surface$="/base"] {
--surface-badge-surface-color: var(--palette-color-negative);
--surface-badge-surface-text-color: var(--palette-color-negative-lighter)
}
[surface="base"], [surface$="/base"] {
--surface-toggle-border-color: var(--palette-color-neutral);
--surface-toggle-surface-color: var(--palette-color-neutral-lightest);
--surface-toggle-surface-indicator-color: var(--palette-color-neutral);
--surface-toggle-border-color--hover: var(--palette-color-neutral);
--surface-toggle-surface-color--hover: var(--palette-color-neutral-lightest);
--surface-toggle-surface-indicator-color--hover: var(--palette-color-neutral);
--surface-toggle-border-color--focus: var(--palette-color-neutral);
--surface-toggle-surface-color--focus: var(--palette-color-neutral-lightest);
--surface-toggle-surface-indicator-color--focus: var(--palette-color-neutral);
--surface-toggle-border-color--active: var(--palette-color-primary);
--surface-toggle-surface-color--active: var(--palette-color-primary);
--surface-toggle-surface-indicator-color--active: var(--palette-color-primary);
--surface-toggle-border-color--invalid: var(--palette-color-negative);
--surface-toggle-surface-color--invalid: var(--palette-color-negative);
--surface-toggle-surface-indicator-color--invalid: var(--palette-color-negative)
}
[surface="base"], [surface$="/base"] {
--surface-input-border-color: var(--palette-color-neutral);
--surface-input-surface-color: var(--palette-color-whitepoint);
--surface-input-surface-text-color: var(--palette-color-primary-darkest);
--surface-input-surface-icon-color: var(--palette-color-primary);
--surface-input-border-color--hover: var(--palette-color-neutral);
--surface-input-surface-color--hover: var(--palette-color-whitepoint);
--surface-input-surface-text-color--hover: var(--palette-color-primary-darkest);
--surface-input-surface-icon-color--hover: var(--palette-color-primary);
--surface-input-border-color--focus: var(--palette-color-neutral);
--surface-input-surface-color--focus: var(--palette-color-whitepoint);
--surface-input-surface-text-color--focus: var(--palette-color-primary-darkest);
--surface-input-surface-icon-color--focus: var(--palette-color-primary);
--surface-input-border-color--invalid: var(--palette-color-negative);
--surface-input-surface-color--invalid: var(--palette-color-whitepoint);
--surface-input-surface-text-color--invalid: var(--palette-color-negative);
--surface-input-surface-icon-color--invalid: var(--palette-color-negative)
}
[surface="base"], [surface$="/base"] {
--surface-input-surface-tag-border-color: var(--palette-color-neutral-lighter);
--surface-input-surface-tag-surface-color: var(--palette-color-neutral-lighter);
--surface-input-surface-tag-surface-text-color: var(--palette-color-primary-darkest);
--surface-input-surface-tag-surface-icon-color: var(--palette-color-primary);
--surface-input-surface-tag-surface-icon-color--hover: var(--palette-color-primary);
--surface-input-surface-tag-surface-icon-color--hover: var(--palette-color-primary)
}
[surface="base"], [surface$="/base"] {
--surface-item-picker-surface-item-surface-color: transparent;
--surface-item-picker-surface-item-surface-text-color: inherit;
--surface-item-picker-surface-item-surface-color--hover: var(--surface-neutral-surface-color);
--surface-item-picker-surface-item-surface-text-color--hover: var(--surface-neutral-surface-text-color);
--surface-item-picker-surface-item-surface-color--active: var(--surface-primary-surface-color);
--surface-item-picker-surface-item-surface-text-color--active: var(--surface-primary-surface-text-color)
}
[surface="base"], [surface$="/base"] {
--surface-date-picker-surface-item-border-color: transparent;
--surface-date-picker-surface-item-surface-color: transparent;
--surface-date-picker-surface-item-surface-text-color: inherit;
--surface-date-picker-surface-item-border-color--hover: var(--surface-neutral-border-color);
--surface-date-picker-surface-item-surface-color--hover: var(--surface-neutral-surface-color);
--surface-date-picker-surface-item-surface-text-color--hover: var(--surface-neutral-surface-text-color);
--surface-date-picker-surface-item-border-color--active: var(--surface-primary-border-color);
--surface-date-picker-surface-item-surface-color--active: var(--surface-primary-surface-color);
--surface-date-picker-surface-item-surface-text-color--active: var(--surface-primary-surface-text-color);
--surface-date-picker-surface-item-border-color--today: var(--surface-primary-border-color);
--surface-date-picker-surface-item-surface-color--today: transparent;
--surface-date-picker-surface-item-surface-text-color--today: var(--surface-primary-text-color)
}
:root {
--palette-color-whitepoint: #ffffff;
--palette-color-neutral-lightest: #fbfcff;
--palette-color-neutral-lighter: #f6f9fe;
--palette-color-neutral-light: #edf2f9;
--palette-color-neutral: #d8e1ee;
--palette-color-neutral-dark: #cdd4df;
--palette-color-neutral-darker: #abbec7;
--palette-color-neutral-darkest: #7b8e97;
--palette-color-blackpoint: #000000;
--palette-color-design-1: #F1FAF8;
--palette-color-design-2: #F1FAF8;
--palette-color-design-3: #E5F2FB;
--palette-color-design-4: #F1FAF8;
--palette-color-design-5: #F1FAF8;
--palette-color-design-6: #F1FAF8;
--palette-color-design-7: #F1FAF8;
--palette-color-interaction-main: #1c3d66;
--palette-color-design-1a: #11253e0d;
--palette-color-design-2a: #11253e33;
--palette-color-design-3a: #11253e99
}
:root {
--palette-color-primary-lighter: #e0f5ff;
--palette-color-primary-light: #33a3dd;
--palette-color-primary: #008dd5;
--palette-color-primary-dark: #2c5d9b;
--palette-color-primary-darker: #1c3d66;
--palette-color-primary-darkest: #11253e
}
:root {
--palette-color-info-lighter: #e5e0ff;
--palette-color-info-light: #8679cd;
--palette-color-info: #6454c0;
--palette-color-info-dark: #4c3da4;
--palette-color-info-darker: #3b2f7f
}
:root {
--palette-color-positive-lighter: #e0ffe8;
--palette-color-positive-light: #36ce59;
--palette-color-positive: #29a847;
--palette-color-positive-dark: #1f7f35;
--palette-color-positive-darker: #155624
}
:root {
--palette-color-attention-lighter: #fff5e0;
--palette-color-attention-light: #ffbb33;
--palette-color-attention: #ffaa00;
--palette-color-attention-dark: #cc8800;
--palette-color-attention-darker: #664400
}
:root {
--palette-color-negative-lighter: #ffe0e5;
--palette-color-negative-light: #de4551;
--palette-color-negative: #cc2432;
--palette-color-negative-dark: #a01c27;
--palette-color-negative-darker: #75151d
}
:root {
--palette-color-blue-lightest: #E5F2FB;
--palette-color-blue-lighter: #B3D8F2;
--palette-color-blue-light: #ade6f7;
--palette-color-blue: #018dd5
}
:root {
--palette-color-green-lightest: #e6f0db;
--palette-color-green-lighter: #c4d9ad;
--palette-color-green-light: #c7dbad;
--palette-color-green: #9fc66e
}
:root {
--palette-color-yellow-lightest: #f0e9cd;
--palette-color-yellow-lighter: #e9deb3;
--palette-color-yellow-light: #d6c093;
--palette-color-yellow: #c4a151
}
:root {
--palette-color-mark: var(--palette-color-attention)
}
:root {
--palette-color-data-1: #268bbc;
--palette-color-data-2: #1acce2;
--palette-color-data-3: #26bcae;
--palette-color-data-4: #c1e21a;
--palette-color-data-5: #db9726;
--palette-color-data-6: #ff5555;
--palette-color-data-7: #e21aa7;
--palette-color-data-8: #bd10e0
}
[surface="base"], [surface$="/base"] {
--surface-transparent-color: rgba(255, 255, 255, 0)
}
body {
--input-border-width: var(--border-width-thin);
--modal-backdrop-color: rgba(123, 142, 151, 0.7)
}
tab-nav {
--tab-nav-border-color: var(--palette-color-neutral);
--tab-nav-border-width: var(--border-width-thin)
}
dropdown-icon {
	opacity:1
}
a, button {
	border-width:var(--border-width-thin) !important
}
a[appearance="outline"], a[appearance="text"]:hover, .focus-visible a[appearance="text"]:focus, button[appearance="outline"], button[appearance="text"]:hover, .focus-visible button[appearance="text"]:focus {
	border-color:var(--palette-color-neutral) !important
}
modal-panel[position="right"] .modal-panel-actions button[appearance="icon"]:not([accent]), .modal-dialog-actions button[appearance="icon"]:not([accent]), .toast-actions {
color:var(--surface-primary-icon-color)
}
.aurelia-hide {
	display:none !important;
}
:root {
--input-width: 144rem;
--input-min-height: 40rem;
--input-max-height: none;
--input-padding: 9rem 12rem;
--input-border-width: var(--border-width-thin);
--input-border-radius: var(--border-radius-medium);
--input-icon-size: calc(20 / 14 * 1em)
}
.input {
--input-border-color: var(--surface-input-border-color);
--input-border-color--hover: var(--surface-input-border-color--hover);
--input-border-color--focus: var(--surface-input-border-color--focus);
--input-border-color--invalid: var(--surface-input-border-color--invalid);
--input-surface-color: var(--surface-input-surface-color);
--input-surface-color--hover: var(--surface-input-surface-color--hover);
--input-surface-color--focus: var(--surface-input-surface-color--focus);
--input-surface-color--invalid: var(--surface-input-surface-color--invalid);
--input-surface-text-color: var(--surface-input-surface-text-color);
--input-surface-text-color--hover: var(--surface-input-surface-text-color--hover);
--input-surface-text-color--focus: var(--surface-input-surface-text-color--focus);
--input-surface-text-color--invalid: var(--surface-input-surface-text-color--invalid);
--input-surface-icon-color: var(--surface-input-surface-icon-color);
--input-surface-icon-color--hover: var(--surface-input-surface-icon-color--hover);
--input-surface-icon-color--focus: var(--surface-input-surface-icon-color--focus);
--input-surface-icon-color--invalid: var(--surface-input-surface-icon-color--invalid)
}
.input {
	display:grid;
	align-items:flex-start;
	grid-template-columns:1fr;
	grid-template-rows:1fr -webkit-min-content;
	grid-template-rows:1fr min-content;
	grid-template-areas:"control" "validation";
	cursor:default
}
.input[label="above"] {
	grid-template-columns:1fr;
	grid-template-rows:-webkit-min-content 1fr -webkit-min-content;
	grid-template-rows:min-content 1fr min-content;
	grid-template-areas:"label" "control" "validation"
}
.input[label="above"]>.input-label {
	display:block;
	margin-bottom:calc(var(--font-current-margin-bottom) - var(--font-small-margin-top))
}
.input[label="above"]>.input-label .input-heading>* {
	margin-bottom:var(--font-small-margin-top)
}
.input[label="above"]>.input-label .input-description>* {
	margin-bottom:var(--font-small-margin-top)
}
.input[label="before"]>.input-label .input-description>*, .input[label="after"]>.input-label .input-description>* {
	margin-top:var(--font-current-margin-bottom)
}
.input[label="before"] {
	grid-template-columns:0.4fr 0.6fr;
	grid-template-rows:1fr -webkit-min-content;
	grid-template-rows:1fr min-content;
	grid-template-areas:"label control" "validation validation"
}
.input[label="before"]>.input-label {
	display:block;
	align-self:center;
	margin-right:var(--size-inline-spacing-large)
}
.input[label="after"] {
	grid-template-columns:0.6fr 0.4fr;
	grid-template-rows:1fr -webkit-min-content;
	grid-template-rows:1fr min-content;
	grid-template-areas:"control label" "validation validation"
}
.input[label="after"]>.input-label {
	display:block;
	align-self:center;
	margin-left:var(--size-inline-spacing-large)
}
.input>.input-label {
	grid-area:label;
	position:relative;
	cursor:default;
	display:none
}
.input.--open:focus-within>.input-label {
pointer-events:none
}
.input>.input-control {
	grid-area:control;
	position:relative;
	display:flex;
	align-items:stretch;
	min-height:var(--input-min-height);
	max-width:var(--input-width);
	min-width:100%;
	resize:inherit;
	border:var(--input-border-width) solid;
	border-radius:var(--input-border-radius);
	border-color:var(--input-border-color);
	background:var(--input-surface-color);
	color:var(--input-surface-text-color)
}
.input>.input-control>div[slot="before"], .input>.input-control>div[slot="after"] {
	display:flex;
	align-items:stretch
}
.input>.input-control>div[slot="before"] .input, .input>.input-control>div[slot="after"] .input {
--input-width: auto;
--input-border-width: 0;
--input-border-radius: 0
}
.input>.input-control>span[slot="before"] {
	padding:var(--input-padding);
	padding-right:0;
	white-space:nowrap
}
.input>.input-control>span[slot="after"] {
	padding:var(--input-padding);
	padding-left:0;
	white-space:nowrap
}
.input>.input-control>.input-control-inner {
	position:relative;
	width:100%;
	display:flex;
	align-items:center;
	resize:inherit
}
.input>.input-control>.input-control-inner .input-input {
	width:100%;
	min-height:100%;
	resize:inherit
}
.input>.input-control>.input-control-inner .input-input, .input>.input-control>.input-control-inner .input-value, .input>.input-control>.input-control-inner .input-placeholder {
	padding:var(--input-padding)
}
.input>.input-control>.input-control-inner .input-value, .input>.input-control>.input-control-inner .input-placeholder {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0
}
.input>.input-control>.input-control-inner .input-value {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.input>.input-control>.input-control-inner .input-placeholder {
	opacity:var(--opacity-faded);
	overflow:hidden;
	pointer-events:none
}
.input>.input-control>.input-control-inner .input-placeholder [slot="placeholder"] {
	min-width:0
}
.input>.input-control>.input-control-inner .input-placeholder span[slot="placeholder"] {
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.input>.input-validation {
	grid-area:validation
}
.input>.input-validation validation-message {
	margin-top:6rem
}
.input:not(.--multiline)>.input-control>.input-control-inner>.input-placeholder {
display:flex;
align-items:center
}
.input.--disabled {
	opacity:var(--opacity-disabled)
}
.input:not(.--disabled):not(.--readonly):hover>.input-control {
border-color:var(--input-border-color--hover);
background:var(--input-surface-color--hover);
color:var(--input-surface-text-color--hover)
}
.input:not(.--disabled):not(.--readonly):focus-within>.input-control {
border-color:var(--input-border-color--focus);
background:var(--input-surface-color--focus);
color:var(--input-surface-text-color--focus)
}
.input:not(.--disabled).--readonly.--invalid>.input-control, .input:not(.--disabled):not(.--readonly).--invalid>.input-control {
border-color:var(--input-border-color--invalid);
background:var(--input-surface-color--invalid);
color:var(--input-surface-text-color)
}
.input:not(.--disabled).--readonly.--invalid:not(.--empty)>.input-control>.input-control-inner, .input:not(.--disabled):not(.--readonly).--invalid:not(.--empty)>.input-control>.input-control-inner {
color:var(--input-surface-text-color--invalid)
}
.input:not(.--empty)>.input-control>.input-control-inner>.input-placeholder {
opacity:0
}
.input:focus-within>.input-control>.input-control-inner>.input-value, .input.--invalid>.input-control>.input-control-inner>.input-value {
opacity:0;
pointer-events:none
}
.input:not(:focus-within):not(.--invalid)>.input-control>.input-control-inner>.input-input.--hide-when-unfocused {
opacity:0
}
.input>.input-control dropdown {
min-width:calc(var(--dropdown-min-width) + 2 * var(--input-border-width))
}
.input>.input-control dropdown-icon {
--dropdown-icon-size: var(--input-icon-size);
	color:var(--input-surface-icon-color)
}
.input:hover>.input-control dropdown-icon {
	color:var(--input-surface-icon-color--hover)
}
.input:focus-within>.input-control dropdown-icon {
color:var(--input-surface-icon-color--focus)
}
.input.--invalid>.input-control dropdown-icon {
	color:var(--input-surface-icon-color--invalid)
}
.input>.input-control>.input-control-inner input.input-input, .input>.input-control>.input-control-inner textarea.input-input {
	margin:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:none;
	border-radius:0;
	background:transparent;
	color:inherit;
	font:inherit
}
.input>.input-control>.input-control-inner textarea.input-input {
min-height:calc(var(--input-min-height) - 2 * var(--input-border-width));
max-height:calc(var(--input-max-height) - 2 * var(--input-border-width))
}
.input>.input-control>.input-control-inner .input-input {
	opacity:1
}
info-card {
	display:block;
	min-width:0;
	position:relative;
	padding:14rem 16rem 14rem 56rem;
	border-top:solid var(--border-width-thick);
	border-radius:var(--border-radius-medium);
	box-shadow:0px 1px 4px rgba(3, 3, 3, 0.2)
}
info-card[accent] {
	color:inherit
}
info-card>icon {
	position:absolute;
	top:18rem;
	left:18rem;
	font-size:var(--font-large-font-size)
}
info-card .info-card-heading {
	font-weight:600
}
info-card[accent="neutral"] {
	background:var(--palette-color-neutral-lighter);
	border-top-color:var(--palette-color-neutral)
}
info-card[accent="neutral"]>icon {
	color:var(--palette-color-neutral-darker)
}
info-card[accent="neutral"] .info-card-heading {
	color:var(--palette-color-neutral-darker)
}
info-card[accent="primary"] {
	background:var(--palette-color-primary-lighter);
	border-top-color:var(--palette-color-primary)
}
info-card[accent="primary"]>icon {
	color:var(--palette-color-primary-darker)
}
info-card[accent="primary"] .info-card-heading {
	color:var(--palette-color-primary-darker)
}
info-card[accent="secondary"] {
	background:var(--palette-color-secondary-lighter);
	border-top-color:var(--palette-color-secondary)
}
info-card[accent="secondary"]>icon {
	color:var(--palette-color-secondary-darker)
}
info-card[accent="secondary"] .info-card-heading {
	color:var(--palette-color-secondary-darker)
}
info-card[accent="info"] {
	background:var(--palette-color-info-lighter);
	border-top-color:var(--palette-color-info)
}
info-card[accent="info"]>icon {
	color:var(--palette-color-info-darker)
}
info-card[accent="info"] .info-card-heading {
	color:var(--palette-color-info-darker)
}
info-card[accent="positive"] {
	background:var(--palette-color-positive-lighter);
	border-top-color:var(--palette-color-positive)
}
info-card[accent="positive"]>icon {
	color:var(--palette-color-positive-darker)
}
info-card[accent="positive"] .info-card-heading {
	color:var(--palette-color-positive-darker)
}
info-card[accent="attention"] {
	background:var(--palette-color-attention-lighter);
	border-top-color:var(--palette-color-attention)
}
info-card[accent="attention"]>icon {
	color:var(--palette-color-attention-darker)
}
info-card[accent="attention"] .info-card-heading {
	color:var(--palette-color-attention-darker)
}
info-card[accent="negative"] {
	background:var(--palette-color-negative-lighter);
	border-top-color:var(--palette-color-negative)
}
info-card[accent="negative"]>icon {
	color:var(--palette-color-negative-darker)
}
info-card[accent="negative"] .info-card-heading {
	color:var(--palette-color-negative-darker)
}
info-icon {
	display:inline
}
info-icon .info-icon-container {
	position:relative;
	display:inline
}
info-icon .info-icon-container icon {
	height:1em;
	width:1em;
margin-bottom:calc(2 / 16 * 1em);
	color:var(--surface-primary-icon-color);
	position:relative;
	pointer-events:auto;
	pointer-events:initial;
	vertical-align:middle
}
info-icon .info-icon-container .info-icon-popover {
	opacity:0;
	pointer-events:none;
	transition:opacity var(--animation-duration-short);
	width:224rem;
	padding:16rem;
	position:absolute;
	background-color:var(--surface-color);
	border:var(--border-width-thin) solid var(--surface-dropdown-border-color);
	border-radius:var(--border-radius-medium);
	box-shadow:var(--shadow-tooltip);
	z-index:var(--z-index-tooltip)
}
info-icon .info-icon-container .info-icon-popover::after {
content:"";
position:absolute;
height:9rem;
width:9rem;
border:var(--border-width-thin) solid var(--surface-dropdown-border-color);
background-color:var(--surface-color);
transform:rotate(45deg)
}
info-icon .info-icon-container .info-icon-popover>[slot="heading"] {
margin-bottom:var(--font-current-margin-bottom)
}
info-icon .info-icon-container.--right .info-icon-popover {
	left:calc(100% + 8rem);
	top:calc(0.76em - 18rem)
}
info-icon .info-icon-container.--right .info-icon-popover::after {
right:calc(100% - 2rem);
top:11rem;
margin-right:-2rem;
border-top:0;
border-right:0
}
info-icon .info-icon-container.--left .info-icon-popover {
	right:calc(100% + 8rem);
	top:-9rem
}
info-icon .info-icon-container.--left .info-icon-popover::after {
left:calc(100% - 2rem);
top:11rem;
margin-left:-2rem;
border-bottom:0;
border-left:0
}
info-icon .info-icon-container.--top .info-icon-popover {
	bottom:calc(100% + 5rem);
	left:-11rem
}
info-icon .info-icon-container.--top .info-icon-popover::after {
top:calc(100% - 3rem);
left:11rem;
margin-right:-1rem;
border-top:0;
border-left:0
}
info-icon .info-icon-container.--bottom .info-icon-popover {
	top:calc(100% + 5rem);
	left:-11rem
}
info-icon .info-icon-container.--bottom .info-icon-popover::after {
bottom:calc(100% - 3rem);
left:11rem;
margin-right:-1rem;
border-bottom:0;
border-right:0
}
info-icon .info-icon-container:hover .info-icon-popover {
	opacity:1;
	pointer-events:auto;
	pointer-events:initial
}
scroll-sentinel {
	display:block
}
card {
	display:flex;
	position:relative;
	width:var(--card-width, auto);
	min-height:var(--card-height, auto)
}
card[accent] {
	color:inherit
}
card[accent]:not([accent="none"]) {
padding-left:var(--border-width-thick)
}
card[accent]:not([accent="none"])>a {
border-top-left-radius:0;
border-bottom-left-radius:0;
border-left-width:0
}
card[accent="neutral"]>a>.card-edge {
	background:var(--palette-color-neutral)
}
card[accent="primary"]>a>.card-edge {
	background:var(--palette-color-primary)
}
card[accent="secondary"]>a>.card-edge {
	background:var(--palette-color-secondary)
}
card[accent="info"]>a>.card-edge {
	background:var(--palette-color-info)
}
card[accent="positive"]>a>.card-edge {
	background:var(--palette-color-positive)
}
card[accent="attention"]>a>.card-edge {
	background:var(--palette-color-attention)
}
card[accent="negative"]>a>.card-edge {
	background:var(--palette-color-negative)
}
card[accent="none"]>a>.card-edge {
	background:transparent
}
card.--disabled {
	opacity:var(--opacity-disabled)
}
card.--active>a {
	background:var(--surface-color--active);
	border-color:var(--border-color--active)
}
card.--non-clickable>a {
	cursor:default
}
card:not(.--active):not(.--non-clickable)>a:hover {
border-color:var(--border-color--hover);
background:var(--surface-color--hover)
}
card:not(.--active):not(.--non-clickable)>a:focus {
border-color:var(--border-color--focus);
background:var(--surface-color--focus)
}
card>a {
	flex-grow:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	padding:var(--card-padding);
	border:var(--border-width-thin) solid;
	border-radius:var(--border-radius-medium);
	border-color:var(--border-color);
	background:var(--surface-color);
	color:var(--surface-text-color)
}
card>a>.card-edge {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:var(--border-width-thick);
	border-top-left-radius:var(--border-radius-medium);
	border-bottom-left-radius:var(--border-radius-medium)
}
card>a>footer {
	margin-top:auto
}
card>a>[slot="actions"] {
position:absolute;
top:12rem;
right:12rem;
bottom:12rem;
pointer-events:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
card>a>[slot="actions"] icon {
	font-size:var(--font-larger-font-size)
}
card>a>[slot="actions"]>* {
pointer-events:all;
display:block;
margin-bottom:8rem;
opacity:var(--opacity-faded-more);
color:var(--surface-neutral-icon-color)
}
card>a>[slot="actions"]>*:not(:disabled):hover, body.focus-visible card>a>[slot="actions"]>*:not(:disabled):focus {
opacity:var(--opacity-faded-more);
color:var(--surface-icon-color--hover)
}
card>a>[slot="actions"]>*.--active {
color:var(--surface-icon-color--active)
}
card>a>[slot="actions"]>*.--active:not(:disabled) {
opacity:var(--opacity-faded-less)
}
card.--animate>a {
	transition:background-color var(--animation-duration-medium), border-color var(--animation-duration-medium), color var(--animation-duration-medium)
}
card.--animate>a>.card-edge {
	transition:background-color var(--animation-duration-medium)
}
card-skeleton {
	display:block;
	filter:brightness(99.75%);
	opacity:var(--card-skeleton-opacity, 1);
	width:var(--card-width);
	min-height:var(--card-height);
	border-radius:var(--border-radius-medium);
	background-size:200%;
	background-image:linear-gradient(105deg, var(--surface-color) 9%, var(--surface-transparent-color) 23%, var(--surface-transparent-color) 25%, var(--surface-color) 40%, var(--surface-color) 59%, var(--surface-transparent-color) 73%, var(--surface-transparent-color) 75%, var(--surface-color) 90%);
	-webkit-animation:card-skeleton ease infinite;
	animation:card-skeleton ease infinite;
	-webkit-animation-duration:var(--animation-duration-skeleton);
	animation-duration:var(--animation-duration-skeleton);
	-webkit-animation-delay:calc(var(--animation-duration-skeleton) / 3);
	animation-delay:calc(var(--animation-duration-skeleton) / 3)
}
@-webkit-keyframes card-skeleton {
0% {
background-position:0%
}
60%, 100% {
background-position:100%
}
}
@keyframes card-skeleton {
0% {
background-position:0%
}
60%, 100% {
background-position:100%
}
}
select-button {
	position:relative;
	display:block
}
select-button>button {
	display:flex
}
select-button>button dropdown {
	display:flex;
	text-align:left
}
select-button>button dropdown-icon {
	margin-left:auto
}
select-button>button [slot="label"] {
	margin-right:var(--size-inline-spacing-large);
	align-items:center
}
select-button>button [slot="icon"] {
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:1;
	font-size:var(--dropdown-icon-size);
	opacity:var(--opacity-faded)
}
:root {
--dropdown-min-width: 100%;
--dropdown-max-width: none;
--dropdown-min-height: 0;
--dropdown-max-height: 300rem;
--dropdown-border-width: var(--border-width-thin);
--dropdown-border-radius: var(--border-radius-large)
}
dropdown {
--dropdown-border-color: var(--surface-dropdown-border-color);
--dropdown-surface-color: var(--surface-dropdown-surface-color);
--dropdown-surface-text-color: var(--surface-dropdown-surface-text-color)
}
dropdown {
	display:block;
	overflow:hidden;
	z-index:var(--z-index-dropdown);
	margin-top:4rem;
	margin-bottom:4rem;
	min-width:var(--dropdown-min-width);
	max-width:var(--dropdown-max-width);
	min-height:var(--dropdown-min-height);
	max-height:var(--dropdown-max-height);
	border:var(--dropdown-border-width) solid var(--dropdown-border-color);
	border-radius:var(--dropdown-border-radius);
	background:var(--dropdown-surface-color);
	color:var(--dropdown-surface-text-color);
	cursor:default
}
dropdown[placement*="bottom"] {
box-shadow:var(--shadow-dropdown-below)
}
dropdown[placement*="top"] {
box-shadow:var(--shadow-dropdown-above)
}
:root {
--dropdown-icon-size: 1.286em
}
dropdown-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:1;
	font-size:var(--dropdown-icon-size);
	opacity:var(--opacity-faded);
	cursor:pointer
}
color-input>.input-control {
	border-width:0 !important;
	background:none !important
}
date-input {
	display:block
}
date-input>text-input.input>.input-control>.input-control-inner .input-input, date-input>text-input.input>.input-control>.input-control-inner .input-placeholder {
	padding-right:0
}
date-input>text-input dropdown-icon {
	padding:var(--input-padding)
}
date-input:not(.--open)>text-input {
cursor:pointer
}
date-input:not(.--open)>text-input>.input-control>.input-control-inner {
pointer-events:none
}
date-input dropdown {
	max-width:none;
	max-height:none
}
date-time-input {
	display:block
}
date-time-input>.input-controls>.input-controls-inner {
	display:flex
}
date-time-input>.input-controls>.input-controls-inner.--disabled {
	opacity:1
}
date-time-input>.input-controls>.input-controls-inner date-input, date-time-input>.input-controls>.input-controls-inner time-input {
	flex-grow:1
}
date-time-input>.input-controls>.input-controls-inner date-input .--disabled, date-time-input>.input-controls>.input-controls-inner time-input .--disabled {
	opacity:1
}
date-time-input>.input-controls>.input-controls-inner date-input .--disabled .input-control>*, date-time-input>.input-controls>.input-controls-inner time-input .--disabled .input-control>* {
	opacity:var(--opacity-disabled)
}
date-time-input>.input-controls>.input-controls-inner date-input {
--input-width: 136rem
}
date-time-input>.input-controls>.input-controls-inner date-input .input-control {
	border-top-right-radius:0;
	border-bottom-right-radius:0
}
date-time-input>.input-controls>.input-controls-inner time-input {
--input-width: 104rem
}
date-time-input>.input-controls>.input-controls-inner time-input .input-control {
	border-left:none;
	border-top-left-radius:0;
	border-bottom-left-radius:0
}
number-input>.input-control>.input-control-inner .input-input, number-input>.input-control>.input-control-inner .input-value {
	text-align:right
}
number-input>.input-control>.input-control-inner .input-input::-webkit-inner-spin-button, number-input>.input-control>.input-control-inner .input-input::-webkit-outer-spin-button {
-webkit-appearance:none;
appearance:none;
margin:0
}
 search-input>.input-control>.input-control-inner .input-input::-webkit-search-decoration {
-webkit-appearance:none;
appearance:none
}
search-input>.input-control>.input-control-inner .input-input::-webkit-search-cancel-button {
-webkit-appearance:none;
appearance:none;
cursor:pointer;
position:absolute;
top:0;
right:-3px;
bottom:0;
width:calc(var(--input-min-height) - 2 * var(--input-border-width));
background:var(--input-surface-icon-color);
opacity:var(--opacity-faded);
-webkit-mask-size:calc(16 / 20 * var(--input-icon-size));
mask-size:calc(16 / 20 * var(--input-icon-size));
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-position:center;
mask-position:center;
-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>")
}
select-input {
	display:block
}
select-input>text-input.input>.input-control>.input-control-inner .input-input, select-input>text-input.input>.input-control>.input-control-inner .input-placeholder {
	padding-right:0
}
select-input>text-input dropdown {
	display:flex
}
select-input>text-input item-picker {
	flex-grow:1
}
select-input>text-input dropdown-icon {
	padding:var(--input-padding)
}
select-input:not(.--open)>text-input, select-input:not(.--filter)>text-input {
cursor:pointer
}
select-input:not(.--open)>text-input>.input-control>.input-control-inner, select-input:not(.--filter)>text-input>.input-control>.input-control-inner {
pointer-events:none
}
slug-input>.input-control>span[slot="before"]+.input-control-inner .input-input, slug-input>.input-control>span[slot="before"]+.input-control-inner .input-value, slug-input>.input-control>span[slot="before"]+.input-control-inner .input-placeholder {
	padding-left:2rem !important
}
tags-input {
	display:block
}
tags-input>text-input {
	width:100%
}
tags-input>text-input.input>.input-control>.input-control-inner .input-input, tags-input>text-input.input>.input-control>.input-control-inner .input-placeholder {
	padding-right:0
}
tags-input>text-input dropdown {
	display:flex
}
tags-input>text-input item-picker {
	flex-grow:1
}
tags-input>text-input dropdown-icon {
	padding:var(--input-padding)
}
tags-input:not(.--open):not(.--new)>text-input, tags-input:not(.--filter):not(.--new)>text-input {
cursor:pointer
}
tags-input:not(.--open):not(.--new)>text-input>.input-control>.input-control-inner, tags-input:not(.--filter):not(.--new)>text-input>.input-control>.input-control-inner {
pointer-events:none
}
tags-input .input-control {
	flex-wrap:wrap;
	padding-right:6rem
}
tags-input.--readonly>text-input>.input-control>.input-control-inner {
	visibility:hidden;
	height:4rem
}
tags-input.--readonly>text-input>.input-control dropdown-icon {
	display:none !important
}
tags-input.--readonly>text-input>.input-control .tag-remove {
	display:none
}
tags-input [slot="before"], tags-input [slot="value"], tags-input tag {
	max-width:100%
}
tags-input [slot="value"]:not(:empty), tags-input .tags-input-value-list {
display:flex;
align-items:flex-start;
flex-wrap:wrap;
padding-left:4rem
}
tags-input>text-input>.input-control>.input-control-inner {
	flex-grow:1;
	width:auto !important;
	min-width:160rem;
	padding-right:42rem
}
tags-input [slot="after"] {
	position:absolute;
	right:0;
	bottom:0
}
tags-input .tags-input-value {
	width:100%
}
tags-input.--stretch [slot="before"], tags-input.--stretch [slot="value"]:not(:empty) {
width:100%
}
tags-input.--stretch tag {
	margin-right:0;
	width:100%
}
tags-input.--stretch tag icon {
	margin-left:auto
}
:root {
--tag-padding: 4rem 7rem;
--tag-border-width: var(--border-width-thin);
--tag-border-radius: var(--border-radius-small)
}
tag {
--tag-border-color: var(--surface-input-surface-tag-border-color);
--tag-surface-color: var(--surface-input-surface-tag-surface-color);
--tag-surface-text-color: var(--surface-input-surface-tag-surface-text-color);
--tag-surface-icon-color: var(--surface-input-surface-tag-surface-icon-color);
--tag-surface-icon-color--hover: var(--surface-input-surface-tag-surface-icon-color--hover)
}
tag {
	display:flex;
	align-items:center;
	padding:var(--tag-padding);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	border:var(--tag-border-width) solid;
	border-radius:var(--tag-border-radius);
	border-color:var(--tag-border-color);
	background:var(--tag-surface-color);
	color:var(--tag-surface-text-color)
}
tags-input tag {
	margin-top:4rem
}
tags-input tag:not(:last-child) {
margin-right:4rem
}
tag .tag-remove {
	display:flex;
	align-items:center;
	margin-left:auto
}
tag icon {
	margin-left:var(--size-inline-spacing);
	color:var(--tag-surface-icon-color);
	cursor:pointer
}
tag icon:hover {
	color:var(--tag-surface-icon-color--hover)
}
text-input {
	resize:vertical
}
text-input.--autosize>.input-control>.input-control-inner .input-input {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	resize:none !important;
	height:100%
}
text-input.--autosize>.input-control>.input-control-inner .input-autosize-lines {
	visibility:hidden;
	padding:var(--input-padding);
	padding-left:0;
	padding-right:0;
	overflow:hidden;
	white-space:pre-wrap;
	float:left
}
text-input.--autosize>.input-control>.input-control-inner .input-autosize-value {
	visibility:hidden;
	padding:var(--input-padding);
	overflow:hidden;
	overflow-wrap:break-word;
	white-space:pre-wrap;
	float:left
}
text-input.--multiline.--use-column-layout>.input-control {
	flex-direction:column
}
text-input.--multiline.--use-column-layout>.input-control>div[slot="before"] {
	border-bottom:var(--input-border-width) solid var(--input-border-color)
}
text-input.--multiline.--use-column-layout>.input-control>div[slot="after"] {
	border-top:var(--input-border-width) solid var(--input-border-color)
}
text-input.--multiline.--use-column-layout>.input-control>span[slot="before"] {
	padding:var(--input-padding);
	white-space:inherit
}
text-input.--multiline.--use-column-layout>.input-control>span[slot="after"] {
	padding:var(--input-padding);
	white-space:inherit
}
time-input {
	display:block
}
time-input>text-input.input>.input-control>.input-control-inner .input-input, time-input>text-input.input>.input-control>.input-control-inner .input-placeholder {
	padding-right:0
}
time-input>text-input dropdown {
	display:flex
}
time-input>text-input item-picker {
	flex-grow:1
}
time-input>text-input dropdown-icon {
	padding:var(--input-padding)
}
time-input:not(.--open)>text-input {
cursor:pointer
}
time-input:not(.--open)>text-input>.input-control>.input-control-inner {
pointer-events:none
}
path-nav {
	display:flex;
	align-items:center;
	flex-wrap:wrap
}
path-nav>*, path-nav>a[accent="inherit"] {
	display:block;
	white-space:nowrap
}
path-nav>*:not(:last-child), path-nav>a[accent="inherit"]:not(:last-child) {
position:relative;
padding-right:2.5em
}
path-nav>*:not(:last-child)::after, path-nav>a[accent="inherit"]:not(:last-child)::after {
content:"-";
position:absolute;
right:0;
width:2.5em;
opacity:0.3;
background:var(--surface-neutral-icon-color);
color:transparent;
-webkit-mask-size:0.75em;
mask-size:0.75em;
-webkit-mask-position:center 57%;
mask-position:center 57%;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z' transform='rotate(180 12 12) translate(5)'/></svg>");
mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z' transform='rotate(180 12 12) translate(5)'/></svg>")
}
tab-nav {
--tab-nav-border-width: var(--border-width-medium);
--tab-nav-border-radius: var(--border-radius-medium);
--tab-nav-border-color: var(--surface-neutral-surface-color)
}
tab-nav {
	display:flex;
	color:var(--surface-primary-text-color);
	font-weight:500
}
tab-nav:not([appearance]), tab-nav[appearance="tabs"] {
border-bottom:var(--tab-nav-border-width) solid var(--tab-nav-border-color)
}
tab-nav[appearance="solid"] {
	border:var(--tab-nav-border-width) solid var(--tab-nav-border-color);
	border-radius:var(--border-radius-medium)
}
tab {
--tab-min-width: 120rem;
--tab-min-height: 40rem;
--tab-padding: 0 14rem;
--tab-spacing: 24rem;
--tab-surface-color: transparent;
--tab-surface-color--active: var(--surface-neutral-surface-color);
--tab-surface-text-color: var(--surface-neutral-text-color);
--tab-surface-text-color--active: var(--surface-neutral-text-color)
}
tab {
	display:block;
	position:relative;
	cursor:pointer
}
tab:focus-within {
z-index:1
}
tab.--invalid {
	color:var(--surface-negative-text-color)
}
tab.--disabled {
	opacity:var(--opacity-disabled)
}
tab-nav[appearance="text"] tab:not(:last-child) {
margin-right:var(--tab-spacing)
}
tab-nav[appearance="text"] tab.--active {
	color:var(--tab-surface-text-color--active)
}
tab-nav:not([appearance]) tab button, tab-nav[appearance="tabs"] tab button, tab-nav[appearance="solid"] tab button, tab-nav[appearance="outline"] tab button {
min-width:var(--tab-min-width);
padding:var(--tab-padding);
text-align:center
}
tab-nav:not([appearance]) tab, tab-nav[appearance="tabs"] tab {
flex-grow:1
}
tab-nav:not([appearance]) tab button, tab-nav[appearance="tabs"] tab button {
width:100%;
line-height:calc(var(--tab-min-height) - 2 * var(--tab-nav-border-width));
border:var(--tab-nav-border-width) solid transparent;
margin-bottom:calc(-1 * var(--tab-nav-border-width));
background:var(--tab-surface-color);
color:var(--tab-surface-text-color)
}
tab-nav:not([appearance]) tab.--active button, tab-nav[appearance="tabs"] tab.--active button {
background:var(--tab-surface-color--active);
color:var(--tab-surface-text-color--active);
border-color:var(--tab-nav-border-color);
border-bottom-color:transparent;
border-top-left-radius:var(--tab-nav-border-radius);
border-top-right-radius:var(--tab-nav-border-radius)
}
tab-nav[appearance="solid"] tab button {
	flex-grow:1;
line-height:calc(var(--tab-min-height) - 2 * var(--tab-nav-border-width));
	background:var(--tab-surface-color);
	color:var(--tab-surface-text-color)
}
tab-nav[appearance="solid"] tab:not(:last-child) button {
border-right:var(--tab-nav-border-width) solid var(--tab-nav-border-color)
}
tab-nav[appearance="solid"] tab.--active button {
	background:var(--tab-surface-color--active);
	color:var(--tab-surface-text-color--active)
}
tab-nav[appearance="outline"] tab button {
	border:var(--tab-nav-border-width) solid transparent;
	border-radius:var(--tab-nav-border-radius);
line-height:calc(var(--tab-min-height) - 2 * var(--tab-nav-border-width))
}
tab-nav[appearance="outline"] tab.--active button {
	border-color:var(--tab-nav-border-color);
	color:var(--tab-surface-text-color--active)
}
color-picker {
	display:flex;
	align-items:center
}
color-picker .color-picker-item {
	width:var(--input-min-height);
	height:var(--input-min-height);
	border:var(--border-width-medium) solid var(--surface-input-border-color);
	border-radius:50%;
	color:var(--palette-color-whitepoint);
	cursor:pointer
}
color-picker .color-picker-item:not(:last-child) {
margin-right:var(--size-inline-spacing-large)
}
color-picker .color-picker-item>div {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	box-shadow:0 0 1px 1px var(--palette-color-whitepoint)
}
color-picker .color-picker-item icon {
	filter:drop-shadow(0 0 3px rgba(0, 0, 0, 0.333333))
}
color-picker .color-picker-item.--selected {
	border-color:var(--surface-primary-border-color)
}
color-picker .color-picker-item.--selected>div {
	box-shadow:0 0 0 1px var(--palette-color-whitepoint)
}
color-picker [slot="validation"] validation-message {
	margin-top:6rem
}
:root {
--date-picker-width: 338rem;
--date-picker-padding: 16rem;
--date-picker-item-gap: 4rem
}
date-picker {
--date-picker-surface-item-border-color: var(--surface-date-picker-surface-item-border-color);
--date-picker-surface-item-border-color--hover: var(--surface-date-picker-surface-item-border-color--hover);
--date-picker-surface-item-border-color--active: var(--surface-date-picker-surface-item-border-color--active);
--date-picker-surface-item-border-color--today: var(--surface-date-picker-surface-item-border-color--today);
--date-picker-surface-item-surface-color: var(--surface-date-picker-surface-item-surface-color);
--date-picker-surface-item-surface-color--hover: var(--surface-date-picker-surface-item-surface-color--hover);
--date-picker-surface-item-surface-color--active: var(--surface-date-picker-surface-item-surface-color--active);
--date-picker-surface-item-surface-color--today: var(--surface-date-picker-surface-item-surface-color--today);
--date-picker-surface-item-surface-text-color: var(--surface-date-picker-surface-item-surface-text-color);
--date-picker-surface-item-surface-text-color--hover: var(--surface-date-picker-surface-item-surface-text-color--hover);
--date-picker-surface-item-surface-text-color--active: var(--surface-date-picker-surface-item-surface-text-color--active);
--date-picker-surface-item-surface-text-color--today: var(--surface-date-picker-surface-item-surface-text-color--today)
}
date-picker {
	display:block;
	padding:var(--date-picker-padding);
	width:var(--date-picker-width);
	max-width:100%;
	cursor:default
}
date-picker.--view-dates {
--date-picker-columns: 7;
--date-picker-row-gap: var(--date-picker-item-gap);
--date-picker-column-gap: var(--date-picker-item-gap)
}
date-picker.--view-months, date-picker.--view-years {
--date-picker-item-size-small: calc((100% - 6 * var(--date-picker-item-gap)) / 7);
--date-picker-dates-view-height: calc(7 * var(--date-picker-item-size-small) + 6 * var(--date-picker-item-gap));
--date-picker-item-size-large: calc((var(--date-picker-dates-view-height) - 3 * var(--date-picker-item-gap)) / 4);
--date-picker-column-gap-large: calc((100% - 3 * var(--date-picker-item-size-large)) / 2);
--date-picker-columns: 3;
--date-picker-row-gap: var(--date-picker-item-gap);
--date-picker-column-gap: var(--date-picker-column-gap-large)
}
date-picker .date-picker-header, date-picker .date-picker-weekdays {
	display:grid;
	grid-template-columns:repeat(7, 1fr);
	row-gap:var(--date-picker-row-gap);
	-moz-column-gap:var(--date-picker-item-gap);
	column-gap:var(--date-picker-item-gap)
}
date-picker .date-picker-header {
	justify-content:center;
	align-items:center;
	margin-bottom:2rem
}
date-picker .date-picker-header>div {
	grid-column:2 / span 5;
	display:flex;
	justify-content:center;
	align-items:center
}
date-picker .date-picker-weekdays {
	margin-bottom:var(--date-picker-row-gap);
	font-size:var(--font-small-font-size);
	opacity:var(--opacity-faded)
}
date-picker .date-picker-weekdays>::before {
content:"";
display:block;
padding-top:100%
}
date-picker .date-picker-items {
	display:grid;
	grid-template-columns:repeat(var(--date-picker-columns), 1fr);
	row-gap:var(--date-picker-row-gap);
	-moz-column-gap:var(--date-picker-column-gap);
	column-gap:var(--date-picker-column-gap)
}
date-picker .date-picker-items>button[appearance="icon"] {
	border-color:var(--date-picker-surface-item-border-color) !important;
	background:var(--date-picker-surface-item-surface-color) !important;
	color:var(--date-picker-surface-item-surface-text-color) !important
}
date-picker .date-picker-items>button[appearance="icon"]:hover {
	border-color:var(--date-picker-surface-item-border-color--hover) !important;
	background:var(--date-picker-surface-item-surface-color--hover) !important;
	color:var(--date-picker-surface-item-surface-text-color--hover) !important
}
date-picker .date-picker-items>button[appearance="icon"].--today {
	border-color:var(--date-picker-surface-item-border-color--today) !important;
	background:var(--date-picker-surface-item-surface-color--today) !important;
	color:var(--date-picker-surface-item-surface-text-color--today) !important
}
date-picker .date-picker-items>button[appearance="icon"].--selected {
	border-color:var(--date-picker-surface-item-border-color--active) !important;
	background:var(--date-picker-surface-item-surface-color--active) !important;
	color:var(--date-picker-surface-item-surface-text-color--active) !important
}
date-picker .date-picker-items>button[appearance="icon"]:not(.--selected).--outside-range {
opacity:var(--opacity-faded-more)
}
date-picker .date-picker-items>button[appearance="icon"]:not(.--selected).--disabled {
opacity:calc(var(--opacity-faded-more) / 3)
}
date-picker .date-picker-items>button[appearance="icon"]:not(.--selected).--disabled::after {
content:"";
position:absolute;
top:20%;
left:50%;
right:50%;
bottom:20%;
width:2rem;
background:currentColor;
transform:rotate(45deg);
opacity:0.8
}
date-picker .date-picker-weekdays>*, date-picker .date-picker-items>* {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center
}
date-picker.--view-dates .date-picker-items {
	position:relative
}
date-picker.--view-dates .date-picker-items>:nth-last-child(2), date-picker.--view-dates .date-picker-items>:nth-last-child(1) {
display:none
}
date-picker .date-picker-today {
	position:absolute;
	right:0;
	bottom:0;
	padding:0 10rem !important;
--date-picker-item-width-small: calc((100% - 6 * var(--date-picker-column-gap)) / 7);
--date-picker-item-height-small: calc((100% - 5 * var(--date-picker-row-gap)) / 6);
	min-width:0 !important;
width:calc(2 * var(--date-picker-item-width-small) + var(--date-picker-column-gap));
	min-height:0 !important;
	height:var(--date-picker-item-height-small)
}
date-picker:not(.--hoverable) .date-picker-items button[appearance="icon"] {
pointer-events:none
}
item-picker {
	display:block;
	cursor:default
}
item-picker .item-picker-empty {
	padding:var(--item-picker-surface-item-padding);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	background:var(--item-picker-surface-item-surface-color);
	color:var(--item-picker-surface-item-surface-text-color);
	opacity:var(--opacity-faded)
}
item-picker .item-picker-none {
	opacity:var(--opacity-faded-less)
}
:root {
--item-picker-surface-item-padding: var(--input-padding)
}
item {
--item-picker-surface-item-surface-color: var(--surface-item-picker-surface-item-surface-color);
--item-picker-surface-item-surface-color--hover: var(--surface-item-picker-surface-item-surface-color--hover);
--item-picker-surface-item-surface-color--active: var(--surface-item-picker-surface-item-surface-color--active);
--item-picker-surface-item-surface-text-color: var(--surface-item-picker-surface-item-surface-text-color);
--item-picker-surface-item-surface-text-color--hover: var(--surface-item-picker-surface-item-surface-text-color--hover);
--item-picker-surface-item-surface-text-color--active: var(--surface-item-picker-surface-item-surface-text-color--active)
}
item {
	display:block;
	padding:var(--item-picker-surface-item-padding);
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	background:var(--item-picker-surface-item-surface-color);
	color:var(--item-picker-surface-item-surface-text-color)
}
item.--disabled {
	opacity:var(--opacity-faded)
}
item:not(.--disabled) {
cursor:pointer
}
item-picker.--hoverable item:not(.--disabled):not(.--active):hover {
background:var(--item-picker-surface-item-surface-color--hover);
color:var(--item-picker-surface-item-surface-text-color--hover)
}
item-picker item:not(.--disabled).--active {
background:var(--item-picker-surface-item-surface-color--active);
color:var(--item-picker-surface-item-surface-text-color--active)
}
toggle-group {
	display:block
}
toggle-group>.toggle-validation validation-message {
	margin-top:6rem
}
:root {
--toggle-height: calc(24em / 14)
}
.toggle {
--toggle-surface-indicator-color: var(--surface-toggle-surface-indicator-color);
--toggle-surface-indicator-color--hover: var(--surface-toggle-surface-indicator-color--hover);
--toggle-surface-indicator-color--focus: var(--surface-toggle-surface-indicator-color--focus);
--toggle-surface-indicator-color--active: var(--surface-toggle-surface-indicator-color--active);
--toggle-surface-indicator-color--invalid: var(--surface-toggle-surface-indicator-color--invalid)
}
.toggle {
	display:grid;
	align-items:flex-start;
	grid-template-columns:1fr;
	grid-template-rows:1fr -webkit-min-content;
	grid-template-rows:1fr min-content;
	grid-template-areas:"control" "validation"
}
.toggle[label="above"] {
	grid-template-columns:1fr;
	grid-template-rows:-webkit-min-content 1fr -webkit-min-content;
	grid-template-rows:min-content 1fr min-content;
	grid-template-areas:"label" "control" "validation"
}
.toggle[label="above"]>.toggle-label {
	display:block;
	margin-bottom:calc(var(--font-current-margin-bottom) - var(--font-small-margin-top))
}
.toggle[label="above"]>.toggle-label .toggle-heading>* {
	margin-bottom:var(--font-small-margin-top)
}
.toggle[label="above"]>.toggle-label .toggle-description>* {
	margin-bottom:var(--font-small-margin-top)
}
.toggle[label="before"]>.toggle-label .toggle-description>*, .toggle[label="after"]>.toggle-label .toggle-description>* {
	margin-top:var(--font-current-margin-bottom)
}
.toggle[label="before"] {
	grid-template-columns:1fr -webkit-min-content;
	grid-template-columns:1fr min-content;
	grid-template-rows:1fr -webkit-min-content;
	grid-template-rows:1fr min-content;
	grid-template-areas:"label control" "validation validation"
}
.toggle[label="before"]>.toggle-label {
	display:block;
	align-self:center;
	padding-right:var(--size-inline-spacing-large)
}
.toggle[label="after"] {
	grid-template-columns:-webkit-min-content 1fr;
	grid-template-columns:min-content 1fr;
	grid-template-rows:1fr -webkit-min-content;
	grid-template-rows:1fr min-content;
	grid-template-areas:"control label" "validation validation"
}
.toggle[label="after"]>.toggle-label {
	display:block;
	align-self:center;
	padding-left:var(--size-inline-spacing-large)
}
.toggle>.toggle-label {
	grid-area:label;
	position:relative;
	display:none;
	cursor:pointer;
	min-width:0
}
.toggle>.toggle-control {
	grid-area:control;
	justify-self:flex-start;
	align-self:center;
	position:relative;
	display:flex;
	align-items:stretch;
	color:var(--toggle-surface-indicator-color);
	cursor:pointer
}
.toggle>.toggle-validation {
	grid-area:validation
}
.toggle>.toggle-validation validation-message {
	margin-top:6rem
}
.toggle.--disabled {
	opacity:var(--opacity-disabled)
}
.toggle.--disabled>.toggle-label, .toggle.--disabled>.toggle-control, .toggle.--readonly>.toggle-label, .toggle.--readonly>.toggle-control {
	cursor:default
}
.toggle:not(.--disabled):not(.--readonly):not(.--invalid):not(.--active):hover>.toggle-control {
color:var(--toggle-surface-indicator-color--hover)
}
.toggle:not(.--disabled):not(.--readonly):not(.--invalid):not(.--active):focus-within>.toggle-control {
color:var(--toggle-surface-indicator-color--focus)
}
.toggle:not(.--invalid).--active>.toggle-control {
color:var(--toggle-surface-indicator-color--active)
}
.toggle:not(.--disabled):not(.--readonly).--invalid>.toggle-control {
color:var(--toggle-surface-indicator-color--invalid)
}
.toggle>.toggle-control input {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	margin:0;
	border:0;
	cursor:inherit;
	opacity:1
}
check-toggle {
--icon-padding-width: calc(var(--toggle-height) * (24 - 18) / 2 / 24)
}
check-toggle .toggle-control {
	width:var(--toggle-height);
	height:var(--toggle-height)
}
check-toggle .toggle-control icon {
	position:absolute;
	width:100%;
	height:100%;
	pointer-events:none
}
check-toggle .toggle-control input {
	width:100%;
	height:100%
}
check-toggle.toggle[label="before"]>.toggle-control {
	transform:translateX(var(--icon-padding-width))
}
check-toggle.toggle[label="before"]>.toggle-label {
	padding-right:calc(var(--size-inline-spacing) - var(--icon-padding-width))
}
check-toggle.toggle[label="after"]>.toggle-control {
transform:translateX(calc(var(--icon-padding-width) * -1))
}
check-toggle.toggle[label="after"]>.toggle-label {
	padding-left:calc(var(--size-inline-spacing) - var(--icon-padding-width))
}
check-toggle.toggle[label="above"]>.toggle-control {
transform:translateX(calc(var(--icon-padding-width) * -1))
}
radio-toggle {
--icon-padding-width: calc(var(--toggle-height) * (24 - 18) / 2 / 24)
}
radio-toggle .toggle-control {
	width:var(--toggle-height);
	height:var(--toggle-height)
}
radio-toggle .toggle-control icon {
	position:absolute;
	width:100%;
	height:100%;
	pointer-events:none
}
radio-toggle .toggle-control input {
	width:100%;
	height:100%
}
radio-toggle.toggle[label="before"]>.toggle-control {
	transform:translateX(var(--icon-padding-width))
}
radio-toggle.toggle[label="before"]>.toggle-label {
	padding-right:calc(var(--size-inline-spacing) - var(--icon-padding-width))
}
radio-toggle.toggle[label="after"]>.toggle-control {
transform:translateX(calc(var(--icon-padding-width) * -1))
}
radio-toggle.toggle[label="after"]>.toggle-label {
	padding-left:calc(var(--size-inline-spacing) - var(--icon-padding-width))
}
radio-toggle.toggle[label="above"]>.toggle-control {
transform:translateX(calc(var(--icon-padding-width) * -1))
}
switch-toggle {
--icon-padding-width: calc(var(--toggle-height) * (48 - 40) / 2 / 24)
}
switch-toggle .toggle-control {
width:calc(var(--toggle-height) * 2);
	height:var(--toggle-height)
}
switch-toggle .toggle-control icon {
	position:absolute;
	width:100%;
	height:200%;
	pointer-events:none
}
switch-toggle .toggle-control input {
	width:100%;
	height:100%
}
switch-toggle.toggle[label="before"]>.toggle-control {
	transform:translateX(var(--icon-padding-width))
}
switch-toggle.toggle[label="before"]>.toggle-label {
	padding-right:calc(var(--size-inline-spacing) - var(--icon-padding-width))
}
switch-toggle.toggle[label="after"]>.toggle-control {
transform:translateX(calc(var(--icon-padding-width) * -1))
}
switch-toggle.toggle[label="after"]>.toggle-label {
	padding-left:calc(var(--size-inline-spacing) - var(--icon-padding-width))
}
switch-toggle.toggle[label="above"]>.toggle-control {
transform:translateX(calc(var(--icon-padding-width) * -1))
}
badge {
	position:absolute;
	font-size:0.5em;
	font-weight:700;
	line-height:1.5em;
	top:-0.65em;
	right:-0.65em;
	min-width:1.5em;
	padding:0 0.4em;
	border-radius:0.75em;
	background:var(--surface-badge-surface-color);
	color:var(--surface-badge-surface-text-color);
	text-align:center
}
badge:empty {
	display:none
}
icon {
	display:inline-flex;
	position:relative;
	width:1em;
	height:1em;
	line-height:1;
	flex-shrink:0;
	align-self:center;
	vertical-align:bottom
}
icon icon {
	position:absolute;
	width:100%;
	height:100%
}
icon:empty {
	display:none
}
icon svg {
	position:absolute;
	width:100%;
	height:100%
}
icon[inline] {
	vertical-align:baseline
}
icon[inline] svg {
	bottom:-0.125em
}
icon[accent="neutral"] {
	color:var(--surface-neutral-icon-color)
}
icon[accent="primary"] {
	color:var(--surface-primary-icon-color)
}
icon[accent="secondary"] {
	color:var(--surface-secondary-icon-color)
}
icon[accent="info"] {
	color:var(--surface-info-icon-color)
}
icon[accent="positive"] {
	color:var(--surface-positive-icon-color)
}
icon[accent="attention"] {
	color:var(--surface-attention-icon-color)
}
icon[accent="negative"] {
	color:var(--surface-negative-icon-color)
}
icon[class*="md-"] {
fill:currentColor;
stroke:none
}
icon:not([class*="md-"]) {
stroke:none;
fill:var(--surface-color)
}
busy-indicator {
	display:flex;
	align-items:center;
	justify-content:center
}
busy-indicator .busy-indicator {
	position:relative;
	width:25vh;
	height:25vh;
	opacity:0.05
}
busy-indicator .busy-indicator div {
	box-sizing:border-box;
	position:absolute;
	width:inherit;
	height:inherit;
	border:6px solid #000000;
	border-radius:50%;
	-webkit-animation:busy-indicator 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	animation:busy-indicator 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color:#000000 transparent transparent transparent
}
busy-indicator .busy-indicator div:nth-child(1) {
-webkit-animation-delay:-0.5625s;
animation-delay:-0.5625s
}
busy-indicator .busy-indicator div:nth-child(2) {
-webkit-animation-delay:-0.375s;
animation-delay:-0.375s
}
busy-indicator .busy-indicator div:nth-child(3) {
-webkit-animation-delay:-0.1875s;
animation-delay:-0.1875s
}
@-webkit-keyframes busy-indicator {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
@keyframes busy-indicator {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
empty-indicator {
	display:flex;
	align-items:center;
	justify-content:center
}
empty-indicator .empty-indicator {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center
}
empty-indicator.--size-small .empty-indicator {
	height:160rem
}
empty-indicator.--size-small .empty-indicator-icon {
	height:60rem;
	width:60rem;
	opacity:var(--opacity-faded);
	margin-bottom:var(--font-base-margin-bottom)
}
empty-indicator.--size-small .empty-indicator-heading {
	font:var(--font-large);
	opacity:var(--opacity-faded)
}
empty-indicator.--size-small .empty-indicator>[slot="details"] {
margin-top:var(--font-large-margin-bottom)
}
empty-indicator.--size-medium .empty-indicator {
	height:20vh
}
empty-indicator.--size-medium .empty-indicator-icon {
	height:80rem;
	width:80rem;
	opacity:var(--opacity-faded);
	margin-bottom:var(--font-large-margin-bottom)
}
empty-indicator.--size-medium .empty-indicator-heading {
	font:var(--font-larger);
	opacity:var(--opacity-faded)
}
empty-indicator.--size-medium .empty-indicator>[slot="details"] {
margin-top:var(--font-larger-margin-bottom)
}
empty-indicator.--size-large .empty-indicator {
	height:25vh
}
empty-indicator.--size-large .empty-indicator-icon {
	height:100rem;
	width:100rem;
	opacity:var(--opacity-faded);
	margin-bottom:var(--font-large-margin-bottom)
}
empty-indicator.--size-large .empty-indicator-heading {
	font:var(--font-largest);
	opacity:var(--opacity-faded)
}
empty-indicator.--size-large .empty-indicator>[slot="details"] {
margin-top:var(--font-largest-margin-bottom)
}
grid-layout {
	display:block;
--card-width: 300rem;
--card-height: 160rem;
--grid-layout-column-gap: 20rem;
--grid-layout-row-gap: 20rem
}
grid-layout .grid-layout-items {
	display:flex;
	flex-wrap:wrap;
margin-right:calc(-1 * var(--grid-layout-column-gap));
margin-bottom:calc(-1 * var(--grid-layout-row-gap))
}
grid-layout .grid-layout-items>* {
	margin-right:var(--grid-layout-column-gap);
	margin-bottom:var(--grid-layout-row-gap)
}
list-layout {
	display:block;
--card-width: 100%;
--card-height: 72rem;
--list-layout-row-gap: 16rem
}
list-layout .list-layout-items {
	display:flex;
	flex-direction:column
}
list-layout .list-layout-items>:not(:last-child) {
margin-bottom:var(--list-layout-row-gap)
}
modal-backdrop {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:var(--z-index-backdrop);
	background:var(--modal-backdrop-color);
	pointer-events:initial
}
modal-backdrop {
	will-change:opacity;
	-webkit-animation-fill-mode:both !important;
	animation-fill-mode:both !important;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
compose.au-enter modal-backdrop {
	opacity:0
}
compose.au-enter-active modal-backdrop {
	-webkit-animation:modal-backdrop-enter cubic-bezier(0.3, 0, 0.2, 1);
	animation:modal-backdrop-enter cubic-bezier(0.3, 0, 0.2, 1);
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
compose.au-leave-active modal-backdrop {
	-webkit-animation:modal-backdrop-leave cubic-bezier(0, 0, 0, 1);
	animation:modal-backdrop-leave cubic-bezier(0, 0, 0, 1);
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
@-webkit-keyframes modal-backdrop-enter {
100% {
opacity:1
}
}
@keyframes modal-backdrop-enter {
100% {
opacity:1
}
}
@-webkit-keyframes modal-backdrop-leave {
100% {
opacity:0
}
}
@keyframes modal-backdrop-leave {
100% {
opacity:0
}
}
modal-dialog {
	position:relative;
	z-index:var(--z-index-modal);
	margin:0 auto;
	align-self:center;
	top:calc(var(--modal-dialog-margin-top) - var(--modal-dialog-margin-bottom));
	left:calc(var(--modal-dialog-margin-left) - var(--modal-dialog-margin-right));
	min-height:var(--modal-dialog-min-height);
	max-height:var(--modal-dialog-max-height);
	min-width:var(--modal-dialog-min-width);
	max-width:var(--modal-dialog-max-width);
	border:0 solid var(--border-color);
	border-radius:var(--border-radius-large);
	overflow:hidden;
	box-shadow:var(--shadow-modal);
	background:var(--surface-color);
	color:var(--surface-text-color)
}
modal-dialog .modal-dialog-content {
	position:relative;
	width:100%;
	min-height:100%
}
modal-dialog .modal-dialog-content modal-header, modal-dialog .modal-dialog-content modal-footer {
	padding:28rem 32rem 28rem 32rem
}
modal-dialog .modal-dialog-content modal-header button[appearance="icon"], modal-dialog .modal-dialog-content modal-footer button[appearance="icon"] {
	font-size:24rem
}
modal-dialog .modal-dialog-content modal-header {
	position:-webkit-sticky;
	position:sticky;
	top:0;
	z-index:1
}
modal-dialog .modal-dialog-content modal-header::before {
content:"";
position:absolute;
top:0;
left:0;
width:200%;
height:100%;
z-index:-1;
background-color:var(--surface-color);
-webkit-mask-image:linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0.95) 65%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%);
mask-image:linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0.95) 65%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%)
}
modal-dialog .modal-dialog-content modal-section {
	clear:both;
	padding:0 32rem 0 32rem
}
modal-dialog .modal-dialog-content modal-footer {
	clear:both;
	position:-webkit-sticky;
	position:sticky;
	bottom:0;
	background-color:var(--surface-color);
	-webkit-mask-image:linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0.95) 65%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%);
	mask-image:linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0.95) 65%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%)
}
modal-dialog .modal-dialog-content modal-footer modal-footer button[appearance="outline"], modal-dialog .modal-dialog-content modal-footer modal-footer button[appearance="solid"] {
	min-width:140rem
}
modal-dialog .modal-dialog-actions {
	padding:22rem;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
modal-dialog .modal-dialog-actions, modal-dialog .modal-dialog-actions>[slot="actions"] {
position:-webkit-sticky;
position:sticky;
top:0;
right:0;
z-index:2;
float:right;
display:flex;
align-items:center
}
modal-dialog .modal-dialog-actions>*, modal-dialog .modal-dialog-actions>[slot="actions"]>* {
margin-left:12rem
}
modal-dialog .modal-dialog-actions button[appearance="icon"] {
	font-size:24rem
}
modal-dialog[accent] {
	border-left-width:var(--border-width-thicker);
	color:inherit
}
modal-dialog[accent="neutral"] {
	border-color:var(--surface-neutral-border-color)
}
modal-dialog[accent="primary"] {
	border-color:var(--surface-primary-border-color)
}
modal-dialog[accent="secondary"] {
	border-color:var(--surface-secondary-border-color)
}
modal-dialog[accent="info"] {
	border-color:var(--surface-info-border-color)
}
modal-dialog[accent="positive"] {
	border-color:var(--surface-positive-border-color)
}
modal-dialog[accent="attention"] {
	border-color:var(--surface-attention-border-color)
}
modal-dialog[accent="negative"] {
	border-color:var(--surface-negative-border-color)
}
modal-view modal-dialog {
	will-change:opacity;
	-webkit-animation-fill-mode:both !important;
	animation-fill-mode:both !important
}
modal-view compose.au-enter modal-dialog {
	opacity:0;
	overflow:hidden
}
modal-view compose.au-enter-active modal-dialog {
	-webkit-animation:modal-dialog-enter cubic-bezier(0.2, 0, 0, 1);
	animation:modal-dialog-enter cubic-bezier(0.2, 0, 0, 1);
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
modal-view compose.au-leave modal-dialog {
	box-shadow:var(--modal-dialog-afterglow)
}
modal-view compose.au-leave-active modal-dialog {
	-webkit-animation:modal-dialog-leave cubic-bezier(0.2, 0, 0, 1);
	animation:modal-dialog-leave cubic-bezier(0.2, 0, 0, 1);
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
@-webkit-keyframes modal-dialog-enter {
5% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes modal-dialog-enter {
5% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes modal-dialog-leave {
50% {
opacity:0
}
100% {
opacity:0
}
}
@keyframes modal-dialog-leave {
50% {
opacity:0
}
100% {
opacity:0
}
}
modal-footer {
	position:relative;
	display:flex;
	flex-direction:column
}
modal-footer.margin, modal-footer.margin-top {
	margin-top:var(--font-large-margin-top)
}
modal-footer.margin, modal-footer.margin-bottom {
	margin-bottom:var(--font-large-margin-top)
}
modal-footer.margin-double, modal-footer.margin-double-top {
margin-top:calc(2 * var(--font-large-margin-top))
}
modal-footer.margin-double, modal-footer.margin-double-bottom {
margin-bottom:calc(2 * var(--font-large-margin-top))
}
modal-header {
	position:relative;
	display:flex;
	flex-direction:column
}
modal-header.margin, modal-header.margin-top {
	margin-top:var(--font-large-margin-top)
}
modal-header.margin, modal-header.margin-bottom {
	margin-bottom:var(--font-large-margin-top)
}
modal-header.margin-double, modal-header.margin-double-top {
margin-top:calc(2 * var(--font-large-margin-top))
}
modal-header.margin-double, modal-header.margin-double-bottom {
margin-bottom:calc(2 * var(--font-large-margin-top))
}
modal-overlay {
	position:relative;
	flex-grow:1;
	z-index:var(--z-index-modal);
	overflow:hidden;
	border-color:var(--border-color);
	background:var(--surface-color);
	color:var(--surface-text-color)
}
modal-overlay .modal-overlay-content {
	position:absolute;
	top:0;
	right:0;
	width:calc(100% - var(--modal-overlay-actions-width));
	min-height:100%;
	display:flex;
	flex-direction:column;
	padding-right:36rem;
	z-index:1
}
modal-overlay .modal-overlay-content modal-header, modal-overlay .modal-overlay-content modal-section, modal-overlay .modal-overlay-content modal-footer {
	flex-shrink:0
}
modal-overlay .modal-overlay-content modal-header {
	padding-top:44rem;
	padding-bottom:36rem
}
modal-overlay .modal-overlay-content modal-footer {
	margin-top:auto;
	padding-top:36rem;
	padding-bottom:44rem
}
modal-overlay .modal-overlay-actions {
	position:-webkit-sticky;
	position:sticky;
	top:0;
	width:var(--modal-overlay-actions-width);
	min-height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:35rem 20rem;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
modal-overlay .modal-overlay-actions>* {
	margin-bottom:12rem
}
modal-overlay .modal-overlay-actions button[appearance="icon"] {
	font-size:24rem
}
modal-view modal-overlay, modal-view app-sidebar {
	will-change:opacity;
	-webkit-animation-fill-mode:both !important;
	animation-fill-mode:both !important
}
modal-view compose.au-enter modal-overlay, modal-view compose.au-enter app-sidebar {
	opacity:0;
	overflow:hidden
}
modal-view compose.au-enter-active modal-overlay, modal-view compose.au-enter-active app-sidebar {
	-webkit-animation:modal-overlay-enter cubic-bezier(0.2, 0, 0, 1);
	animation:modal-overlay-enter cubic-bezier(0.2, 0, 0, 1);
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
modal-view compose.au-leave modal-overlay, modal-view compose.au-leave app-sidebar {
	box-shadow:var(--modal-overlay-afterglow)
}
modal-view compose.au-leave-active modal-overlay, modal-view compose.au-leave-active app-sidebar {
	-webkit-animation:modal-overlay-leave cubic-bezier(0.2, 0, 0, 1);
	animation:modal-overlay-leave cubic-bezier(0.2, 0, 0, 1);
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
@-webkit-keyframes modal-overlay-enter {
50% {
opacity:1
}
100% {
opacity:1
}
}
@keyframes modal-overlay-enter {
50% {
opacity:1
}
100% {
opacity:1
}
}
@-webkit-keyframes modal-overlay-leave {
100% {
opacity:0
}
}
@keyframes modal-overlay-leave {
100% {
opacity:0
}
}
modal-overlay>* {
	will-change:opacity;
	-webkit-animation-fill-mode:both !important;
	animation-fill-mode:both !important
}
modal-view compose.au-enter modal-overlay>* {
	opacity:0
}
modal-view compose.au-enter-active modal-overlay>* {
	-webkit-animation:modal-overlay-content-enter cubic-bezier(0.2, 0, 0, 1);
	animation:modal-overlay-content-enter cubic-bezier(0.2, 0, 0, 1);
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
modal-view compose.au-leave-active modal-overlay>* {
	-webkit-animation:modal-overlay-content-leave cubic-bezier(0.2, 0, 0, 1);
	animation:modal-overlay-content-leave cubic-bezier(0.2, 0, 0, 1);
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
@-webkit-keyframes modal-overlay-content-enter {
100% {
opacity:1
}
}
@keyframes modal-overlay-content-enter {
100% {
opacity:1
}
}
@-webkit-keyframes modal-overlay-content-leave {
25% {
opacity:0
}
100% {
opacity:0
}
}
@keyframes modal-overlay-content-leave {
25% {
opacity:0
}
100% {
opacity:0
}
}
modal-panel {
	position:absolute;
	top:0;
	bottom:0;
	z-index:var(--z-index-modal);
	min-width:var(--modal-panel-min-width);
	max-width:var(--modal-panel-max-width);
	border-radius:var(--border-radius-large);
	margin:var(--modal-panel-margin);
	overflow:hidden;
	background:var(--surface-color);
	color:var(--surface-text-color);
	box-shadow:var(--shadow-modal)
}
modal-panel.--left {
	left:0
}
modal-panel.--right {
	right:0
}
modal-panel .modal-panel-content {
	position:absolute;
	top:0;
	width:calc(100% - var(--modal-panel-actions-width));
	min-height:100%;
	display:flex;
	flex-direction:column;
	z-index:1
}
modal-panel .modal-panel-content modal-header, modal-panel .modal-panel-content modal-section, modal-panel .modal-panel-content modal-footer {
	flex-shrink:0
}
modal-panel .modal-panel-content modal-header {
	margin-bottom:36rem
}
modal-panel .modal-panel-content modal-footer {
	margin-top:auto
}
modal-panel.--left .modal-panel-content {
	padding:36rem 48rem 36rem 0;
	right:0
}
modal-panel.--right .modal-panel-content {
	padding:36rem 0 36rem 48rem;
	left:0
}
modal-panel .modal-panel-actions {
	position:-webkit-sticky;
	position:sticky;
	top:0;
	width:var(--modal-panel-actions-width);
	min-height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:30rem 20rem;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
modal-panel .modal-panel-actions>*, modal-panel .modal-panel-actions>[slot="actions"]>* {
margin-bottom:18rem
}
modal-panel .modal-panel-actions button[appearance="icon"] {
	font-size:24rem
}
modal-panel.--left .modal-panel-actions {
	float:left
}
modal-panel.--right .modal-panel-actions {
	float:right
}
modal-panel.--left {
--modal-panel-origin-transform: translateX(calc(-100% + var(--app-sidebar-width) * 0.5))
}
modal-panel.--right {
--modal-panel-origin-transform: translateX(calc(+100% + var(--app-sidebar-width) * 0.5))
}
modal-view compose.au-enter modal-panel {
	transform:var(--modal-panel-origin-transform);
	opacity:0;
	overflow:hidden;
	will-change:opacity, transform, filter
}
modal-view compose.au-enter-active modal-panel {
	-webkit-animation:modal-panel-enter cubic-bezier(0.2, 0, 0.1, 1);
	animation:modal-panel-enter cubic-bezier(0.2, 0, 0.1, 1);
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium);
	-webkit-animation-delay:10ms;
	animation-delay:10ms;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
modal-view compose.au-leave modal-panel {
	box-shadow:var(--modal-panel-afterglow);
	will-change:opacity, transform, filter
}
modal-view compose.au-leave-active modal-panel {
	-webkit-animation:modal-panel-leave cubic-bezier(0.2, 0, 0.2, 0.5);
	animation:modal-panel-leave cubic-bezier(0.2, 0, 0.2, 0.5);
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium);
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
@-webkit-keyframes modal-panel-enter {
30% {
opacity:1
}
50%, to {
transform:translateX(0);
opacity:1
}
}
@keyframes modal-panel-enter {
30% {
opacity:1
}
50%, to {
transform:translateX(0);
opacity:1
}
}
@-webkit-keyframes modal-panel-leave {
40% {
opacity:1
}
100% {
transform:var(--modal-panel-origin-transform);
opacity:0
}
}
@keyframes modal-panel-leave {
40% {
opacity:1
}
100% {
transform:var(--modal-panel-origin-transform);
opacity:0
}
}
modal-panel>* {
	will-change:opacity;
	-webkit-animation-fill-mode:both !important;
	animation-fill-mode:both !important
}
modal-view compose.au-enter modal-panel>* {
	opacity:0
}
modal-view compose.au-enter-active modal-panel>* {
	-webkit-animation:modal-panel-content-enter cubic-bezier(0.2, 0, 0, 1);
	animation:modal-panel-content-enter cubic-bezier(0.2, 0, 0, 1);
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
modal-view compose.au-leave-active modal-panel>* {
	-webkit-animation:modal-panel-content-leave cubic-bezier(0.2, 0, 0, 1);
	animation:modal-panel-content-leave cubic-bezier(0.2, 0, 0, 1);
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
@-webkit-keyframes modal-panel-content-enter {
100% {
opacity:1
}
}
@keyframes modal-panel-content-enter {
100% {
opacity:1
}
}
@-webkit-keyframes modal-panel-content-leave {
50% {
opacity:0.1
}
100% {
opacity:0
}
}
@keyframes modal-panel-content-leave {
50% {
opacity:0.1
}
100% {
opacity:0
}
}
modal-section {
	display:flex;
	flex-direction:column
}
modal-section .modal-section-header {
	display:flex;
	align-items:center;
	width:100%;
	opacity:1;
	cursor:inherit
}
modal-section .modal-section-header-content {
	flex-grow:1
}
modal-section .modal-section-header-toggle {
	margin-left:auto;
	line-height:1;
	transition:color var(--animation-duration-medium), opacity var(--animation-duration-medium);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
modal-section .modal-section-content {
	position:relative;
	flex-grow:1;
	display:flex;
	flex-direction:column
}
modal-section.--toggle .modal-section-header {
	cursor:pointer
}
modal-section.--toggle .modal-section-header:hover .modal-section-header-toggle {
	color:var(--surface-primary-text-color);
	opacity:1 !important
}
modal-section:not(.--header-slot-empty) .modal-section-content {
margin-top:var(--font-large-margin-top)
}
modal-section:not(.--expanded).--invalid {
color:var(--surface-negative-text-color)
}
modal-section.margin, modal-section.margin-top {
	margin-top:var(--font-large-margin-top)
}
modal-section.margin, modal-section.margin-bottom {
	margin-bottom:var(--font-large-margin-top)
}
modal-section.margin-double, modal-section.margin-double-top {
margin-top:calc(2 * var(--font-large-margin-top))
}
modal-section.margin-double, modal-section.margin-double-bottom {
margin-bottom:calc(2 * var(--font-large-margin-top))
}
modal-view>compose {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:var(--z-index-modal);
	display:flex;
	pointer-events:none;
	will-change:opacity
}
modal-view>compose:not(.--disabled)>* {
pointer-events:initial
}
modal-view>compose.au-enter-active {
	-webkit-animation:modal-view-compose-enter;
	animation:modal-view-compose-enter;
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
modal-view>compose.au-enter-active * {
	pointer-events:none !important
}
modal-view>compose.au-leave-active {
	-webkit-animation:modal-view-compose-leave;
	animation:modal-view-compose-leave;
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
modal-view>compose.au-leave-active * {
	pointer-events:none !important
}
@-webkit-keyframes modal-view-compose-enter {
to {
--animation-trigger: not-a-real-value
}
}
@keyframes modal-view-compose-enter {
to {
--animation-trigger: not-a-real-value
}
}
@-webkit-keyframes modal-view-compose-leave {
to {
--animation-trigger: not-a-real-value
}
}
@keyframes modal-view-compose-leave {
to {
--animation-trigger: not-a-real-value
}
}
busy-overlay {
--busy-overlay-color: var(--surface-color);
--busy-overlay-opacity: 0.95;
--busy-overlay-message-max-width: 65%;
--busy-overlay-message-text-align: center;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:var(--z-index-backdrop)
}
busy-overlay::before {
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
opacity:var(--busy-overlay-opacity);
background:var(--busy-overlay-color)
}
busy-overlay.--animate {
	-webkit-animation:fade-in ease-in both;
	animation:fade-in ease-in both
}
busy-overlay.--animate:not(.--delay) {
-webkit-animation-duration:var(--animation-duration-short);
animation-duration:var(--animation-duration-short);
-webkit-animation-delay:0.04s;
animation-delay:0.04s
}
busy-overlay.--animate.--delay {
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium);
	-webkit-animation-delay:var(--animation-delay-busy);
	animation-delay:var(--animation-delay-busy)
}
busy-overlay.--opaque::before {
opacity:1
}
busy-overlay .busy-overlay-inner {
	position:fixed;
	left:0;
	top:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	overflow:hidden
}
busy-overlay .busy-overlay-message {
	text-align:var(--busy-overlay-message-text-align);
	max-width:var(--busy-overlay-message-max-width)
}
busy-overlay .busy-overlay-message>:first-child {
	margin-top:var(--font-current-margin-top)
}
busy-overlay busy-indicator {
--busy-indicator-max-width: 50%;
--busy-indicator-max-height: 50%;
--busy-indicator-stroke-width: 4rem;
--busy-indicator-color: #000000;
--busy-indicator-opacity: 0.05
}
page {
	position:relative;
	display:flex;
	flex-grow:1;
	min-width:0
}
page-content {
	position:relative;
	display:block;
	flex-grow:1;
	min-width:0
}
page-content page-header {
	padding:28rem 36rem;
	border-bottom:var(--border-width-thin) solid var(--palette-color-neutral);
	background:var(--surface-color)
}
page-content page-header h1.font-largest {
	line-height:40rem
}
page-content page-header h1.font-largest.margin-bottom {
	margin-bottom:16rem
}
page-content page-header toolbar button[appearance="solid"], page-content page-header toolbar button[appearance="outline"] {
	min-width:120rem
}
page-content page-section, page-content page-footer {
	margin:32rem 36rem
}
page-content .page-content-back-to-top {
	position:fixed;
	top:12rem;
	right:24rem;
	z-index:var(--z-index-fixed)
}
page-content .page-content-back-to-top:not(:hover) icon {
opacity:var(--opacity-faded-more)
}
page-content.page-content-flex, page-content.page-content-stretch, page-content.page-content-center {
	display:flex;
	flex-direction:column
}
page-content.page-content-flex>header, page-content.page-content-stretch>header, page-content.page-content-center>header {
	position:-webkit-sticky;
	position:sticky;
	top:0
}
page-content.page-content-flex>footer, page-content.page-content-stretch>footer, page-content.page-content-center>footer {
	position:-webkit-sticky;
	position:sticky;
	bottom:0;
	margin:auto 0 0 0;
	padding:32rem 36rem;
	background:var(--surface-color);
	border-top:var(--border-width-thin) solid var(--palette-color-neutral)
}
page-content.page-content-stretch>section {
	flex-grow:1
}
page-content.page-content-center>section {
	margin:auto
}
page-content.page-content-center>footer {
	margin-top:0
}
page-footer {
	position:relative;
	display:flex;
	flex-direction:column
}
page-footer.margin, page-footer.margin-top {
	margin-top:var(--font-large-margin-top)
}
page-footer.margin, page-footer.margin-bottom {
	margin-bottom:var(--font-large-margin-top)
}
page-footer.margin-double, page-footer.margin-double-top {
margin-top:calc(2 * var(--font-large-margin-top))
}
page-footer.margin-double, page-footer.margin-double-bottom {
margin-bottom:calc(2 * var(--font-large-margin-top))
}
page-header {
	position:relative;
	display:flex;
	flex-direction:column
}
page-header.margin, page-header.margin-top {
	margin-top:var(--font-large-margin-top)
}
page-header.margin, page-header.margin-bottom {
	margin-bottom:var(--font-large-margin-top)
}
page-header.margin-double, page-header.margin-double-top {
margin-top:calc(2 * var(--font-large-margin-top))
}
page-header.margin-double, page-header.margin-double-bottom {
margin-bottom:calc(2 * var(--font-large-margin-top))
}
page-section {
	position:relative;
	display:flex;
	flex-direction:column;
	min-height:0;
	margin:28rem 36rem
}
page-section .page-section-header {
	display:flex;
	align-items:center;
	width:100%;
	opacity:1;
	cursor:inherit
}
page-section.--sticky .page-section-header {
	position:-webkit-sticky;
	position:sticky;
	top:var(--font-current-margin-bottom);
	z-index:var(--z-index-sticky);
	overflow:visible
}
page-section.--sticky .page-section-header::before {
content:"";
position:absolute;
top:calc(-1 * var(--font-current-margin-bottom));
bottom:calc(-1 * var(--font-current-margin-bottom));
width:100%;
z-index:-1;
background:var(--surface-color);
-webkit-mask-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.99) 0%, rgba(255, 255, 255, 0.98) 95%, rgba(255, 255, 255, 0.25) 100%);
mask-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.99) 0%, rgba(255, 255, 255, 0.98) 95%, rgba(255, 255, 255, 0.25) 100%)
}
page-section .page-section-header-content {
	flex-grow:1
}
page-section .page-section-header-toggle {
	margin-left:auto;
	transition:color var(--animation-duration-medium), opacity var(--animation-duration-medium);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
page-section .page-section-content {
	position:relative;
	flex-grow:1;
	min-height:0;
	display:flex;
	flex-direction:column
}
page-section.--toggle .page-section-header {
	cursor:pointer
}
page-section.--toggle .page-section-header:hover .page-section-header-toggle {
	color:var(--surface-primary-text-color);
	opacity:1 !important
}
page-section.--header-slot-empty .page-section-header {
	display:none
}
page-section:not(.--header-slot-empty) .page-section-content {
margin-top:var(--font-large-margin-top)
}
page-section:not(.--expanded) .page-section-content, page-section.--default-slot-empty .page-section-content {
display:none
}
page-section:not(.--expanded).--invalid {
color:var(--surface-negative-text-color)
}
page-section.margin, page-section.margin-top {
	margin-top:var(--font-large-margin-top)
}
page-section.margin, page-section.margin-bottom {
	margin-bottom:var(--font-large-margin-top)
}
page-section.margin-double, page-section.margin-double-top {
margin-top:calc(2 * var(--font-large-margin-top))
}
page-section.margin-double, page-section.margin-double-bottom {
margin-bottom:calc(2 * var(--font-large-margin-top))
}
page-sidebar {
	position:relative;
	flex-shrink:0;
	border-right:var(--border-width-thin) solid;
	background:var(--surface-color);
	border-color:var(--border-color)
}
page-sidebar page-header, page-sidebar page-section, page-sidebar page-footer {
	margin:28rem 36rem
}
page-sidebar .page-sidebar-edge-icon {
	position:absolute;
	top:32rem
}
page-sidebar .page-sidebar-edge-icon icon {
font-size:calc(var(--font-largest-font-size) * 0.75);
	color:var(--surface-primary-icon-color);
	transition:color var(--animation-duration-medium)
}
page-sidebar:hover .page-sidebar-edge-icon icon {
	color:var(--surface-primary-icon-color)
}
page-sidebar .page-sidebar-edge {
	position:-webkit-sticky;
	position:sticky;
	top:0;
	width:100%
}
page-sidebar .page-sidebar-edge div {
	position:absolute;
	right:0;
	width:16rem;
	height:100vh;
	background:linear-gradient(to left, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0.15) 1rem, rgba(0, 0, 0, 0.1) 1rem, rgba(0, 0, 0, 0.004) 10rem, rgba(0, 0, 0, 0) 4rem);
	opacity:0.05;
	transition:opacity var(--animation-duration-medium)
}
page-sidebar .page-sidebar-edge div:hover, page-sidebar:not(.--expanded):hover .page-sidebar-edge div {
transition:opacity var(--animation-duration-long);
transition-delay:var(--animation-delay-hover);
opacity:0.15
}
page-sidebar:not(.--expanded) {
display:flex;
justify-content:center;
width:var(--page-sidebar-collapsed-width);
cursor:e-resize
}
page-sidebar:not(.--expanded)>:not(.page-sidebar-edge):not(.page-sidebar-edge-icon) {
display:none
}
page-sidebar:not(.--expanded) .page-sidebar-edge-icon {
pointer-events:none
}
page-sidebar.--expanded {
	min-width:var(--page-sidebar-min-width);
	max-width:var(--page-sidebar-max-width)
}
page-sidebar.--expanded .page-sidebar-edge div {
	cursor:w-resize
}
page-sidebar.--expanded .page-sidebar-edge-icon {
	right:10rem
}
@media (min-width: 601px) {
page-sidebar.--expanded .page-sidebar-edge-icon {
display:none
}
}
toast {
	position:relative;
	min-height:var(--toast-min-height);
	max-height:var(--toast-max-height);
	min-width:var(--toast-min-width);
	max-width:var(--toast-max-width);
	margin-top:var(--toast-margin-top);
	margin-right:var(--toast-margin-right);
	border:0 solid var(--border-color);
	border-radius:var(--border-radius-medium);
	overflow:hidden;
	box-shadow:var(--shadow-toast);
	background:var(--surface-color);
	color:var(--surface-text-color)
}
toast .toast-content {
	position:relative;
	width:100%;
	min-height:100%
}
toast .toast-content toast-header, toast .toast-content toast-footer {
	padding:28rem 32rem 28rem 32rem
}
toast .toast-content toast-header button[appearance="icon"], toast .toast-content toast-footer button[appearance="icon"] {
	font-size:24rem
}
toast .toast-content toast-header {
	position:-webkit-sticky;
	position:sticky;
	top:0;
	z-index:1
}
toast .toast-content toast-header::before {
content:"";
position:absolute;
top:0;
left:0;
width:200%;
height:100%;
z-index:-1;
background-color:var(--surface-color);
-webkit-mask-image:linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0.95) 65%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%);
mask-image:linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0.95) 65%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%)
}
toast .toast-content toast-section {
	clear:both;
	padding:0 32rem 0 32rem
}
toast .toast-content toast-footer {
	clear:both;
	position:-webkit-sticky;
	position:sticky;
	bottom:0;
	background-color:var(--surface-color);
	-webkit-mask-image:linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0.95) 65%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%);
	mask-image:linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0.95) 65%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%)
}
toast .toast-actions {
	position:-webkit-sticky;
	position:sticky;
	top:0;
	z-index:2;
	float:right;
	display:flex;
	align-items:center;
	padding:22rem;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
toast .toast-actions button:not(:first-of-type) {
margin-left:12rem
}
toast .toast-actions button[appearance="icon"] {
	font-size:16rem
}
toast[accent] {
	border-left-width:var(--border-width-thicker);
	color:inherit
}
toast[accent="neutral"] {
	border-color:var(--surface-neutral-border-color)
}
toast[accent="primary"] {
	border-color:var(--surface-primary-border-color)
}
toast[accent="secondary"] {
	border-color:var(--surface-secondary-border-color)
}
toast[accent="info"] {
	border-color:var(--surface-info-border-color)
}
toast[accent="positive"] {
	border-color:var(--surface-positive-border-color)
}
toast[accent="attention"] {
	border-color:var(--surface-attention-border-color)
}
toast[accent="negative"] {
	border-color:var(--surface-negative-border-color)
}
toast-view toast {
	will-change:opacity, transform, margin-top;
	-webkit-animation-fill-mode:both !important;
	animation-fill-mode:both !important
}
toast-view compose.au-enter toast {
	opacity:0;
margin-top:calc(-1 * var(--toast-max-height));
	transform:translateX(var(--toast-max-width));
	overflow:hidden
}
toast-view compose.au-enter-active toast {
	-webkit-animation:toast-enter cubic-bezier(0.2, 0, 0.1, 1);
	animation:toast-enter cubic-bezier(0.2, 0, 0.1, 1);
	-webkit-animation-duration:var(--animation-duration-long);
	animation-duration:var(--animation-duration-long)
}
toast-view compose.au-leave toast {
	box-shadow:var(--toast-afterglow)
}
toast-view compose.au-leave-active toast {
	-webkit-animation:toast-leave cubic-bezier(0.2, 0, 0.2, 0.5);
	animation:toast-leave cubic-bezier(0.2, 0, 0.2, 0.5);
	-webkit-animation-duration:var(--animation-duration-long);
	animation-duration:var(--animation-duration-long)
}
@-webkit-keyframes toast-enter {
0% {
margin-top:calc(-1 * var(--toast-max-height))
}
15% {
opacity:0;
margin-top:var(--toast-margin-top)
}
40% {
opacity:1
}
60%, to {
margin-top:var(--toast-margin-top);
opacity:1;
transform:translateX(0)
}
}
@keyframes toast-enter {
0% {
margin-top:calc(-1 * var(--toast-max-height))
}
15% {
opacity:0;
margin-top:var(--toast-margin-top)
}
40% {
opacity:1
}
60%, to {
margin-top:var(--toast-margin-top);
opacity:1;
transform:translateX(0)
}
}
@-webkit-keyframes toast-leave {
20% {
opacity:1
}
40% {
margin-top:var(--toast-margin-top)
}
50% {
opacity:0;
transform:translateX(var(--toast-max-width))
}
55%, to {
margin-top:calc(-1 * var(--toast-max-height));
opacity:0;
transform:translateX(var(--toast-max-width))
}
}
@keyframes toast-leave {
20% {
opacity:1
}
40% {
margin-top:var(--toast-margin-top)
}
50% {
opacity:0;
transform:translateX(var(--toast-max-width))
}
55%, to {
margin-top:calc(-1 * var(--toast-max-height));
opacity:0;
transform:translateX(var(--toast-max-width))
}
}
toast-footer {
	position:relative;
	display:flex;
	flex-direction:column
}
toast-footer.margin, toast-footer.margin-top {
	margin-top:var(--font-large-margin-top)
}
toast-footer.margin, toast-footer.margin-bottom {
	margin-bottom:var(--font-large-margin-top)
}
toast-footer.margin-double, toast-footer.margin-double-top {
margin-top:calc(2 * var(--font-large-margin-top))
}
toast-footer.margin-double, toast-footer.margin-double-bottom {
margin-bottom:calc(2 * var(--font-large-margin-top))
}
toast-header {
	position:relative;
	display:flex;
	flex-direction:column
}
toast-header.margin, toast-header.margin-top {
	margin-top:var(--font-large-margin-top)
}
toast-header.margin, toast-header.margin-bottom {
	margin-bottom:var(--font-large-margin-top)
}
toast-header.margin-double, toast-header.margin-double-top {
margin-top:calc(2 * var(--font-large-margin-top))
}
toast-header.margin-double, toast-header.margin-double-bottom {
margin-bottom:calc(2 * var(--font-large-margin-top))
}
toast-section {
	display:flex;
	flex-direction:column
}
toast-section .toast-section-header {
	display:flex;
	align-items:center;
	width:100%;
	opacity:1;
	cursor:inherit
}
toast-section .toast-section-header-content {
	flex-grow:1;
	font-weight:500
}
toast-section .toast-section-header-toggle {
	margin-left:auto;
	line-height:1;
	transition:color var(--animation-duration-medium), opacity var(--animation-duration-medium);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
toast-section .toast-section-content {
	position:relative;
	flex-grow:1;
	display:flex;
	flex-direction:column
}
toast-section.--toggle .toast-section-header {
	cursor:pointer
}
toast-section.--toggle .toast-section-header:hover .toast-section-header-toggle {
	color:var(--surface-primary-text-color);
	opacity:1 !important
}
toast-section:not(.--header-slot-empty) .toast-section-content {
margin-top:var(--font-base-margin-top)
}
toast-section:not(.--expanded).--invalid {
color:var(--surface-negative-text-color)
}
toast-section.margin, toast-section.margin-top {
	margin-top:var(--font-large-margin-top)
}
toast-section.margin, toast-section.margin-bottom {
	margin-bottom:var(--font-large-margin-top)
}
toast-section.margin-double, toast-section.margin-double-top {
margin-top:calc(2 * var(--font-large-margin-top))
}
toast-section.margin-double, toast-section.margin-double-bottom {
margin-bottom:calc(2 * var(--font-large-margin-top))
}
toast-view {
--private-toast-backdrop-opacity: var(--toast-backdrop-opacity, 0);
	position:fixed;
	top:0;
	right:0;
	max-height:100%;
	z-index:var(--z-index-toast);
	padding-left:32rem;
padding-bottom:calc(2 * var(--toast-margin-right) + var(--font-large-font-size));
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	pointer-events:none
}
toast-view .toast-view-clear-all {
	position:relative;
	font-size:var(--font-large-font-size);
	line-height:1;
	padding:14rem 14rem 14rem 16rem;
	margin-top:var(--toast-margin-top);
	margin-right:var(--toast-margin-right);
	border:0 solid var(--border-color);
	border-radius:var(--border-radius-medium);
	box-shadow:var(--shadow-toast);
	background:var(--surface-color);
	color:var(--surface-text-color);
	z-index:var(--z-index-toast)
}
toast-view .toast-view-clear-all button {
	overflow:visible;
	position:relative;
	z-index:var(--z-index-toast);
	padding:0 14rem;
	pointer-events:initial
}
toast-view .toast-view-clear-all span {
	padding:0 4rem
}
toast-view>compose {
	position:relative;
	display:flex;
	pointer-events:none
}
toast-view>compose:not(.--disabled)>* {
pointer-events:initial
}
toast-view>compose.au-enter {
--private-toast-backdrop-opacity: 0
}
toast-view>compose.au-enter-active {
	-webkit-animation:toast-view-compose-enter;
	animation:toast-view-compose-enter;
	-webkit-animation-duration:var(--animation-duration-long);
	animation-duration:var(--animation-duration-long);
--private-toast-backdrop-opacity: var(--toast-backdrop-opacity)
}
toast-view>compose.au-enter-active * {
	pointer-events:none !important
}
toast-view>compose.au-leave-active {
	-webkit-animation:toast-view-compose-leave;
	animation:toast-view-compose-leave;
	-webkit-animation-duration:var(--animation-duration-long);
	animation-duration:var(--animation-duration-long);
--private-toast-backdrop-opacity: 0
}
toast-view>compose.au-leave-active * {
	pointer-events:none !important
}
toast-view>compose>* {
	z-index:var(--z-index-toast)
}
toast-view .toast-view-clear-all::before {
content:"";
z-index:var(--z-index-backdrop);
position:absolute;
left:-8rem;
width:100%;
height:1em;
box-shadow:0 0 14rem 14rem var(--surface-color);
background:var(--surface-color);
border-radius:var(--border-radius-medium);
opacity:var(--private-toast-backdrop-opacity)
}
toast-view>compose::before {
content:"";
z-index:var(--z-index-backdrop);
position:absolute;
top:var(--toast-margin-right);
width:calc(100% - 1.5 * var(--toast-margin-right));
height:calc(100% - var(--toast-margin-top));
box-shadow:0 0 14rem 14rem var(--surface-color);
background:var(--surface-color);
border-radius:var(--border-radius-medium);
opacity:var(--private-toast-backdrop-opacity);
transition:opacity calc(var(--animation-duration-long) / 2)
}
@-webkit-keyframes toast-view-compose-enter {
to {
--animation-trigger: not-a-real-value
}
}
@keyframes toast-view-compose-enter {
to {
--animation-trigger: not-a-real-value
}
}
@-webkit-keyframes toast-view-compose-leave {
to {
--animation-trigger: not-a-real-value
}
}
@keyframes toast-view-compose-leave {
to {
--animation-trigger: not-a-real-value
}
}
html {
	-webkit-user-select:initial;
	-moz-user-select:initial;
	-ms-user-select:initial;
	user-select:initial
}
body {
--app-header-height: 123rem;
--app-content-width: 1200rem;
--app-padding-width: 52rem;
	background:var(--surface-color)
}
@media (min-width: 1921px) {
body {
--app-content-width: 60%
}
}
@media (max-width: 600px) {
	.mycontener {
		width: 90%;
	}
body {
--app-padding-width: 32rem
}
}
main {
	min-height:100%;
	overflow-x:hidden;
	display:flex;
	flex-direction:column
}
main>router-view {
	display:flex;
	flex-direction:column;
	flex-grow:1;
	background:var(--surface-color)
}
main>router-view>page {
	flex-grow:1
}
page {
	flex-direction:column
}
@media (max-width: 1080px) {
:root {
--font-largest-line-height: 52rem;
--font-largest-font-size: 40rem;
--font-largest-margin-top: 24rem;
--font-largest-margin-bottom: 18rem;
--font-largest-font-weight: 900
}
}
:root {
--input-padding: 8rem 18rem;
--card-padding: 16rem
}
[surface] {
--surface-input-border-color: var(--palette-color-neutral-dark) !important;
--surface-input-border-color--hover: var(--palette-color-neutral-dark) !important;
--surface-input-border-color--focus: var(--palette-color-neutral-dark) !important
}
.line-below-heading {
	position:relative;
	padding-bottom:18rem
}
.line-below-heading::after {
content:"";
position:absolute;
bottom:3rem;
left:0;
width:100rem;
border-bottom:3rem solid var(--palette-color-neutral)
}
.button-row {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center
}
.button-row>:not(:last-child) {
margin-right:var(--size-inline-spacing-larger)
}
.control-row {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center
}
@media (max-width: 600px) {
.control-row {
flex-direction:column
}
}
.control-row>:not(:last-child) {
margin-right:var(--size-inline-spacing-large)
}
@media (max-width: 600px) {
.control-row>:not(:last-child) {
margin-right:0
}
}
modal-dialog .modal-dialog-content modal-header, modal-dialog .modal-dialog-content modal-footer {
	position:relative;
	padding:42rem 40rem 42rem 40rem
}
@media (max-width: 600px) {
modal-dialog .modal-dialog-content modal-header, modal-dialog .modal-dialog-content modal-footer {
padding:42rem 20rem 42rem 20rem
}
}
modal-dialog .modal-dialog-content modal-section {
	padding:0 40rem 0 40rem
}
@media (max-width: 600px) {
modal-dialog .modal-dialog-content modal-section {
padding:0 20rem 0 20rem
}
}
modal-dialog .modal-dialog-content modal-section:last-child {
	padding-bottom:42rem
}
modal-dialog .modal-dialog-actions {
	position:absolute
}
.input-heading>* {
	font-weight:600
}
a[appearance="text"], a[appearance="solid"], a[appearance="outline"], button[appearance="text"], button[appearance="solid"], button[appearance="outline"] {
	font-weight:600
}
a.flex-row, button.flex-row {
	align-items:center;
	justify-content:center
}
a.button-medium, button.button-medium {
	padding:10rem 40rem !important;
	font-size:var(--font-base-font-size) !important;
	font-weight:400 !important
}
a.link-medium {
	font:var(--font-medium);
	font-weight:600
}
.rounded {
	overflow:hidden;
	border-radius:var(--border-radius-medium)
}
.border-light {
	border:1rem solid #E7E7E7
}
.shadow-light {
	box-shadow:0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 6px 0 rgba(0, 0, 0, 0.05), 0 4px 20px 0 rgba(0, 0, 0, 0.08)
}
.shadow {
	box-shadow:0 0 0 1px rgba(0, 0, 0, 0.05), 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.13)
}
.shadow-filter {
	filter:drop-shadow(0 3px 6px rgba(0, 0, 0, 0.12)) drop-shadow(0 4px 20px rgba(0, 0, 0, 0.13))
}
.shadow-filter-light {
	filter:drop-shadow(0 3px 6px 0 rgba(0, 0, 0, 0.1)) drop-shadow(0 4px 20px 0 rgba(0, 0, 0, 0.13))
}
html[route^="campaign-"] .--hide-if-campaign {
display:none !important
}
.call-to-action {
	color:var(--surface-primary-text-color)
}
.call-to-action::after {
content:"";
display:inline-block;
margin-left:0.5ch;
width:1.25em;
height:0.625em;
-webkit-mask-size:1.25em;
mask-size:1.25em;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
background:currentColor;
-webkit-mask-position:center;
mask-position:center;
-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M22,12a1.36,1.36,0,0,0,0-.17.71.71,0,0,0,0-.2h0a1,1,0,0,0-.17-.25s0,0,0-.06h0l-3.94-4a1,1,0,1,0-1.42,1.4L18.61,11H3a1,1,0,0,0,0,2H18.61l-2.27,2.3a1,1,0,1,0,1.42,1.4l3.94-4h0l0-.06a.9.9,0,0,0,.17-.26h0a.65.65,0,0,0,0-.19A1.16,1.16,0,0,0,22,12h0Z' fill='currentColor'/></svg>");
mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M22,12a1.36,1.36,0,0,0,0-.17.71.71,0,0,0,0-.2h0a1,1,0,0,0-.17-.25s0,0,0-.06h0l-3.94-4a1,1,0,1,0-1.42,1.4L18.61,11H3a1,1,0,0,0,0,2H18.61l-2.27,2.3a1,1,0,1,0,1.42,1.4l3.94-4h0l0-.06a.9.9,0,0,0,.17-.26h0a.65.65,0,0,0,0-.19A1.16,1.16,0,0,0,22,12h0Z' fill='currentColor'/></svg>")
}
a[href^="tel:"], a[href^="mailto:"] {
white-space:nowrap
}
@media (max-width: 1080px) {
.hide-on-small {
display:none !important
}
}
@media (min-width: 1081px) {
.show-on-small {
display:none !important
}
}
@media (max-width: 800px) {
.hide-on-smaller {
display:none !important
}
}
@media (min-width: 801px) {
.show-on-smaller {
display:none !important
}
}
@media (max-width: 600px) {
.hide-on-smallest {
display:none !important
}
}
@media (min-width: 601px) {
.show-on-smallest {
display:none !important
}
}
app-header {
	position:fixed;
	top:-40px;
	left:0;
	right:0;
	height:var(--app-header-height);
	padding-left:var(--app-padding-width);
	padding-right:var(--app-padding-width);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-end;
	z-index:var(--z-index-sticky);
	background:#fff;
box-shadow:0 1rem calc(1rem + min(1, var(--scroll-top)) * 19rem) 0 rgba(17, 37, 62, calc(min(1, var(--scroll-top)) * 0.2));
	will-change:background-color, box-shadow, transform;
transition:background-color calc(max(0, 1 - var(--scroll-top)) * 300ms) ease, box-shadow 350ms ease-out, transform 300ms ease;
--surface-input-border-color: rgba(17, 37, 62, 0.2);
--surface-input-surface-color: transparent;
transform:translateY(calc(min(1, var(--scroll-top)) * 0rem));
border-bottom:var(--border-width-thin) solid;
border-color:rgba(17, 37, 62, calc((1 - min(1, var(--scroll-top))) * 0.2));
}
@media (min-width: 1921px) {
app-header {
padding-left:0;
padding-right:0
}
}
html.browser-safari app-header {
	-webkit-clip-path:polygon(0 0, 100% 0, 100% 100vh, 0 100vh);
	clip-path:polygon(0 0, 100% 0, 100% 100vh, 0 100vh)
}
app-header .app-header-content {
	position:relative;
	display:flex;
	align-items:center;
	max-width:var(--app-content-width);
	width:100%;
	padding-bottom:15rem;
margin-bottom:calc(var(--border-width-thin) * -1);
	white-space:nowrap;
	
	transition:border-color 150ms ease;
	will-change:border-color
}
app-header .app-header-content app-logo {
	height:24rem;
	margin-right:18rem
}
app-header .app-header-content>nav {
	display:flex;
	align-items:center
}
app-header .app-header-content user-identity {
	margin-right:18rem
}
app-header .app-header-content identity-picture {
	width:40rem;
	height:40rem
}
app-header .app-header-content .app-header-link {
	position:relative;
	margin-top:-10rem;
	margin-bottom:-32rem;
	padding-top:10rem;
	padding-left:18rem;
	padding-right:18rem;
	padding-bottom:32rem
}
app-header .app-header-content .app-header-link.app-header-sign-in {
	margin-bottom:-10rem;
	padding-bottom:10rem
}
app-header .app-header-content .app-header-link>a {
	position:relative;
	color:inherit;
	font-size:17px;
}
app-header .app-header-content .app-header-link>a.--active::after {
content:"";
display:block;
position:absolute;
left:0;
right:0;
bottom:-27rem;
height:2px;
background:var(--palette-color-primary-darker);
pointer-events:none
}
html.--scrolled app-header .app-header-content .app-header-link>a.--active::after {
bottom:-26rem
}
app-header .app-header-content .app-header-link:not(:hover) .app-header-dropdown {
visibility:hidden
}
app-header .app-header-content .app-header-primary-nav:hover .app-header-dropdown, app-header .app-header-content .app-header-primary-nav .app-header-dropdown:hover {
	opacity:1;
	transition:opacity var(--animation-duration-short)
}
app-header .app-header-content .app-header-secondary-nav {
	position:absolute;
	top:0rem;
	right:0;
	transition:opacity var(--animation-duration-long)
}
app-header .app-header-content .app-header-secondary-nav .app-header-link {
	margin-top:-32rem;
	padding-bottom:10rem
}
app-header .app-header-content .app-header-secondary-nav .app-header-link a.--active::after {
bottom:-8rem
}
html.--scrolled app-header .app-header-content .app-header-secondary-nav, html.--overscroll app-header .app-header-content .app-header-secondary-nav {
	opacity:0;
	visibility:hidden
}
app-header .app-header-content .app-header-dropdown {
	position:absolute;
	top:62rem;
	left:0;
	z-index:var(--z-index-dropdown);
	padding:28rem 36rem;
	border:var(--dropdown-border-width) solid var(--surface-dropdown-border-color);
	border-radius:var(--dropdown-border-radius);
	background:var(--surface-dropdown-surface-color);
	color:var(--surface-dropdown-surface-text-color);
	box-shadow:var(--shadow-dropdown-below);
	margin-top:-6rem;
	margin-left:50%;
transform:translateX(calc(var(--offset) * -1 - 8rem));
	opacity:0;
	transition:opacity var(--animation-duration-short), visibility var(--animation-duration-short);
	cursor:default
}
html.--scrolled app-header .app-header-content .app-header-dropdown {
	top:61rem
}
html[lang="en"] app-header .app-header-content .app-header-dropdown {
--offset: 227rem
}
html[lang="da"] app-header .app-header-content .app-header-dropdown {
--offset: 225rem
}
app-header .app-header-content .app-header-dropdown::before {
content:"";
position:fixed;
top:-7rem;
left:var(--offset);
width:14rem;
height:14rem;
background:var(--surface-dropdown-surface-color);
border:var(--dropdown-border-width) solid var(--surface-dropdown-border-color);
-webkit-clip-path:polygon(-6rem -6rem, 20rem 20rem, -6rem 20rem);
clip-path:polygon(-6rem -6rem, 20rem 20rem, -6rem 20rem);
transform:rotate(135deg)
}
html:not(.--scrolled) app-header .app-header-content .app-header-dropdown::after {
content:"";
position:fixed;
top:-8rem;
left:calc(var(--offset) - var(--dropdown-border-width));
width:16rem;
height:16rem;
border:var(--dropdown-border-width) solid rgba(17, 37, 62, 0.2);
-webkit-clip-path:polygon(-8.75rem -6rem, 20rem 22.75rem, -6rem 20rem);
clip-path:polygon(-8.75rem -6rem, 20rem 22.75rem, -6rem 20rem);
transform:rotate(135deg);
opacity:calc(1 - min(0.9, var(--scroll-top)))
}
app-header .app-header-content .app-header-dropdown .flex-row>:not(:last-child) {
margin-right:18rem
}
app-header .app-header-content .app-header-dropdown a {
	display:block;
	position:relative;
	margin-left:-18rem;
	margin-right:0;
	padding:16rem 18rem;
	border-radius:3px;
	color:inherit;
	overflow:hidden;
	cursor:pointer
}
app-header .app-header-content .app-header-dropdown a::before {
content:"";
position:absolute;
top:0;
left:0;
bottom:0;
width:4rem;
background:var(--palette-color-design-7);
opacity:0
}
app-header .app-header-content .app-header-dropdown a:hover, app-header .app-header-content .app-header-dropdown a:focus {
	background-color:#ffffff;
	box-shadow:0 0 2px 0 rgba(0, 160, 200, 0.4), var(--shadow-popover)
}
app-header .app-header-content .app-header-dropdown a:hover::before, app-header .app-header-content .app-header-dropdown a:focus::before {
opacity:1
}
app-header .app-header-content .app-header-market, app-header .app-header-content .app-header-locale {
--input-min-height: 32rem;
--input-padding: 7rem 12rem
}
app-header .app-header-content .app-header-market dropdown-icon, app-header .app-header-content .app-header-locale dropdown-icon {
	color:inherit !important;
	opacity:var(--opacity-faded);
	padding-left:0
}
app-header .app-header-content .app-header-market {
--input-width: calc(98rem + var(--input-border-width));
	margin-right:0;
	margin-left:18rem
}
app-header .app-header-content .app-header-market .input-control {
	border-top-right-radius:0;
	border-bottom-right-radius:0
}
app-header .app-header-content .app-header-locale {
--input-width: 98rem
}
app-header .app-header-content .app-header-locale .input-control {
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-left:none
}
app-header .app-header-content .app-header-order-now {
	margin-left:18rem;
width:calc(2 * 98rem + var(--input-border-width));
	min-height:44rem;
	padding:5rem 12rem;
	border:var(--border-width-thin) solid rgba(17, 37, 62, 0.2) !important;
	background:var(--palette-color-whitepoint) !important;
	font-weight:600
}
html.--scrolled app-header .app-header-content .app-header-order-now, html.--overscroll app-header .app-header-content .app-header-order-now {
	border:var(--border-width-thin) solid transparent !important;
	background:var(--palette-color-primary-darker) !important;
	color:var(--palette-color-whitepoint) !important
}
app-header .app-header-content .app-header-menu-button {
	font-size:24rem;
	display:none
}
app-header .app-header-menu {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:1;
	height:calc(100vh);
	padding:var(--app-padding-width);
	padding-top:calc(var(--app-header-height) + 21rem);
	overflow:overlay;
	background:var(--surface-color)
}
app-header .app-header-menu::before {
content:"";
position:fixed;
top:0;
left:0;
right:0;
z-index:1;
height:calc(var(--app-header-height) + 1px);
background:var(--surface-color)
}
app-header .app-header-menu .accordion-header {
	padding:12rem 0;
	border-bottom:var(--dropdown-border-width) solid rgba(17, 37, 62, 0.05) !important;
--font-larger-font-weight: 400
}
app-header .app-header-menu accordion.--expanded .accordion-header {
--font-larger-font-weight: 600
}
app-header .app-header-menu .accordion-content {
	padding:12rem 20rem
}
app-header .app-header-menu a {
	font:var(--font-medium);
	color:inherit;
	cursor:pointer
}
app-header .app-header-menu .accordion-header-toggle {
	font-size:30rem !important;
	right:-4rem;
	color:inherit;
	cursor:pointer
}
app-header .app-header-menu .app-header-menu-link {
	display:block;
	padding:10rem;
	margin:0 -10rem;
	border:var(--dropdown-border-width) solid transparent
}
app-header .app-header-menu .app-header-menu-link:hover, app-header .app-header-menu .app-header-menu-link:focus {
	border-radius:var(--dropdown-border-radius);
	background-color:var(--palette-color-neutral-light)
}
app-header .app-header-menu .app-header-menu-order-now {
	border:var(--border-width-thin) solid transparent !important;
	background:var(--palette-color-primary-darker) !important;
	color:var(--palette-color-whitepoint) !important
}
app-header .app-header-menu .app-header-menu-options {
	display:flex;
	flex-wrap:wrap;
	justify-content:stretch
}
app-header .app-header-menu .app-header-menu-options>* {
	flex-grow:1
}
app-header .app-header-menu .app-header-menu-options>*:not(:last-child) {
margin-right:var(--size-inline-spacing-large)
}
@media (max-width: 1080px) {
body {
--app-header-height: 84rem
}
app-header {
justify-content:center;
transform:none !important;
top:-60px;
}
app-header .app-header-content {
padding-bottom:0;
height:100%;
z-index:2
}
app-header .app-header-content app-logo {
margin-top:0;
margin-right:auto
}
app-header .app-header-content .app-header-primary-nav, app-header .app-header-content .app-header-secondary-nav, app-header .app-header-content .app-header-market, app-header .app-header-content .app-header-locale {
display:none
}
app-header .app-header-content identity-picture {
width:32rem;
height:32rem
}
app-header .app-header-content .app-header-order-now {
position:relative;
margin-right:32rem
}
app-header .app-header-content .app-header-menu-button {
display:block
}
app-header .app-header-menu button {
width:100%
}
app-header .app-header-menu-sign-in {
display:none
}
}
@media (max-width: 600px) {
body {
--app-header-height: 56rem
}
app-header .app-header-content app-logo {
height:16rem
}
app-header .app-header-content user-identity {
margin-right:20rem !important
}
app-header .app-header-content user-identity .user-identity-name {
display:none !important
}
app-header .app-header-content .app-header-sign-in {
display:none
}
app-header .app-header-content .app-header-order-now {
display:none
}
app-header .app-header-menu-sign-in {
display:block
}
}
app-footer {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:56rem var(--app-padding-width) 36rem var(--app-padding-width);
	background:#333;
	color:var(--palette-color-whitepoint);
	overflow:hidden
}
@media (max-width: 600px) {
app-footer {
padding:30rem 20rem
}
}
app-footer::before {
content:"";
position:fixed;
bottom:0;
width:100%;
background:inherit;
height:50%;
z-index:-1
}
app-footer a {
	color:inherit
}
app-footer .app-footer-content {
	max-width:var(--app-content-width);
	width:100%;
	margin:0 auto
}
app-footer .app-footer-nav {
	display:flex;
	align-items:center
}
app-footer .app-footer-nav>a:not(:last-child) {
margin-right:var(--size-inline-spacing-larger)
}
app-footer .app-footer-apps {
	display:flex;
	align-items:center
}
app-footer .app-footer-apps>a {
	display:flex;
	align-items:center;
	margin-right:28rem
}
app-footer .app-footer-apps>a img {
	margin-right:16rem;
	min-width:40rem;
	width:40rem;
	height:40rem;
	background:#ffffff !important;
	border-radius:50%;
	-o-object-fit:scale-down;
	object-fit:scale-down
}
app-footer .app-footer-apps>a:nth-child(1) img {
-o-object-position:49% 40%;
object-position:49% 40%
}
app-footer .app-footer-apps>a:nth-child(2) img {
-o-object-position:58% 50%;
object-position:58% 50%
}
app-footer .app-footer-social>a {
	display:flex;
	align-items:center;
	justify-content:center;
	background:#ffffff !important;
	color:#000000 !important;
	width:32rem;
	height:32rem
}
app-footer .app-footer-social>a:not(:last-child) {
margin-right:var(--size-inline-spacing-larger)
}
app-footer .app-footer-about {
	max-width:366rem
}
app-footer .app-footer-column {
	margin-right:86rem
}
app-footer .app-footer-link-column {
	display:flex;
	flex-direction:column
}
app-footer .app-footer-link-column * {
	margin-bottom:8rem
}
app-footer .app-footer-logos {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:flex-end;
	margin-top:36rem;
	margin-bottom:20rem;
	line-height:1
}
app-footer .app-footer-logos>a {
	display:block
}
app-footer .app-footer-logos>a:not(:last-child) {
margin-right:calc(1.5 * var(--size-inline-spacing-larger))
}
app-footer .app-footer-logos>a img {
	width:auto
}
app-footer .app-footer-logos>a:nth-child(1) img {
height:33rem
}
app-footer .app-footer-logos>a:nth-child(2) img {
height:33rem
}
app-footer .app-footer-logos>a:nth-child(3) img {
height:26rem
}
app-footer .app-footer-logos>a:nth-child(4) img {
height:28rem
}
app-footer .app-footer-logos>a:nth-child(5) img {
height:20rem
}
app-footer .app-footer-bottom-row {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	border-top:1px solid rgba(255, 255, 255, 0.3);
	padding-top:28rem
}
app-footer app-logo {
	height:24rem;
	margin-right:16rem;
	filter:invert(1) contrast(99999)
}
@media (max-width: 1080px) {
app-footer .app-footer-bottom-row .app-footer-nav {
margin-top:20rem;
margin-left:auto
}
app-footer .app-footer-copyright {
padding-right:30rem
}
app-footer .app-footer-nav {
padding-left:170rem
}
}
@media (max-width: 800px) {
app-footer .app-footer-logos {
justify-content:flex-start;
-moz-column-gap:20rem;
column-gap:20rem;
margin-bottom:0
}
app-footer .app-footer-logos a {
margin-right:0 !important;
margin-bottom:32rem
}
}
@media (max-width: 600px) {
app-footer .app-footer-bottom-row {
display:block;
border:none;
padding-top:0
}
app-footer .app-footer-nav {
padding-left:0
}
app-footer .app-footer-copyright span {
display:block
}
app-footer app-logo {
margin-bottom:20rem
}
app-footer .app-footer-logos {
-moz-column-gap:0;
column-gap:0
}
app-footer .app-footer-logos>a:first-child img {
margin-left:var(--size-inline-spacing-larger)
}
}
@media (max-width: 600px) and (max-width: 600px) {
app-footer .app-footer-logos>a:first-child img {
margin-left:0
}
}
@media (max-width: 600px) {
app-footer .app-footer-logos>a {
margin-right:var(--size-inline-spacing-larger) !important
}
app-footer .app-footer-logos>a:nth-child(1) img {
height:32rem
}
app-footer .app-footer-logos>a:nth-child(2) img {
height:26rem
}
app-footer .app-footer-logos>a:nth-child(3) img {
height:24rem
}
app-footer .app-footer-logos>a:nth-child(4) img {
height:24rem
}
app-footer .app-footer-logos>a:nth-child(5) img {
height:20rem
}
}
cookie-consent {
	display:block;
	z-index:var(--z-index-popover);
max-width:calc(min(440rem, 100% - 2 * var(--toast-margin-right)));
	position:fixed;
	right:var(--toast-margin-right);
	bottom:var(--toast-margin-top);
	border-radius:var(--border-radius-medium);
	box-shadow:var(--shadow-toast);
	background:var(--surface-color);
	color:var(--surface-text-color)
}
cookie-consent.--accepted {
	display:none
}
cookie-consent .cookie-consent-message {
	margin-right:16rem
}
cookie-consent .cookie-consent-message a {
	white-space:nowrap
}
cookie-consent .cookie-consent-controls {
	display:flex;
	align-items:center;
	justify-content:flex-end
}
cookie-consent .cookie-consent-controls button {
	min-height:44rem;
	line-height:1
}
cookie-consent .cookie-consent-controls>:not(:last-child) {
margin-right:var(--size-inline-spacing-large)
}
cookie-consent .cookie-consent-content-collapsed {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:var(--card-padding)
}
cookie-consent .cookie-consent-content-expanded {
	padding:var(--card-padding)
}
cookie-consent .cookie-consent-content-expanded .cookie-consent-controls {
	justify-content:space-between
}
@media (max-width: 600px) {
cookie-consent .cookie-consent-content-collapsed {
display:block
}
cookie-consent .cookie-consent-content-collapsed .cookie-consent-message {
margin-bottom:var(--font-current-margin-bottom)
}
}
campaign-app-header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:var(--app-header-height);
	padding-left:var(--app-padding-width);
	padding-right:var(--app-padding-width);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-end;
	z-index:var(--z-index-sticky);
	background:var(--surface-color);
box-shadow:0 1rem calc(1rem + min(1, var(--scroll-top)) * 19rem) 0 rgba(17, 37, 62, calc(min(1, var(--scroll-top)) * 0.2));
	will-change:background-color, box-shadow, transform;
transition:background-color calc(max(0, 1 - var(--scroll-top)) * 300ms) ease, box-shadow 350ms ease-out, transform 300ms ease;
--surface-input-border-color: rgba(17, 37, 62, 0.2);
--surface-input-surface-color: transparent;
transform:translateY(calc(min(1, var(--scroll-top)) * 0rem))
}
html:not(.--scrolled) campaign-app-header {
--scroll-top: 1 !important
}
html.browser-safari campaign-app-header {
	-webkit-clip-path:polygon(0 0, 100% 0, 100% 100vh, 0 100vh);
	clip-path:polygon(0 0, 100% 0, 100% 100vh, 0 100vh)
}
html.--overscroll campaign-app-header {
	background:rgba(255, 255, 255, 0.992);
	transform:translateY(0rem)
}
campaign-app-header .campaign-app-header-content {
	position:relative;
	display:flex;
	align-items:center;
	max-width:var(--app-content-width);
	width:100%;
	padding-bottom:15rem;
margin-bottom:calc(var(--border-width-thin) * -1);
	white-space:nowrap;
	border-bottom:var(--border-width-thin) solid;
border-color:rgba(17, 37, 62, calc((1 - min(1, var(--scroll-top))) * 0.2));
	transition:border-color 150ms ease;
	will-change:border-color
}
campaign-app-header .campaign-app-header-content app-logo {
	height:24rem;
	margin-right:18rem
}
campaign-app-header .campaign-app-header-content>nav {
	display:flex;
	align-items:center
}
campaign-app-header .campaign-app-header-content user-identity {
	margin-right:18rem
}
campaign-app-header .campaign-app-header-content identity-picture {
	width:40rem;
	height:40rem
}
campaign-app-header .campaign-app-header-content .campaign-app-header-link {
	position:relative;
	margin-top:-10rem;
	margin-bottom:-32rem;
	padding-top:10rem;
	padding-left:18rem;
	padding-right:18rem;
	padding-bottom:32rem
}
campaign-app-header .campaign-app-header-content .campaign-app-header-link.campaign-app-header-sign-in {
	margin-bottom:-10rem;
	padding-bottom:10rem
}
campaign-app-header .campaign-app-header-content .campaign-app-header-link>a {
	position:relative;
	color:inherit
}
campaign-app-header .campaign-app-header-content .campaign-app-header-link>a.--active::after {
content:"";
display:block;
position:absolute;
left:0;
right:0;
bottom:-27rem;
height:2px;
background:var(--palette-color-primary-darker);
pointer-events:none
}
html.--scrolled campaign-app-header .campaign-app-header-content .campaign-app-header-link>a.--active::after {
bottom:-26rem
}
campaign-app-header .campaign-app-header-content .campaign-app-header-link:not(:hover) .campaign-app-header-dropdown {
visibility:hidden
}
campaign-app-header .campaign-app-header-content .campaign-app-header-primary-nav:hover .campaign-app-header-dropdown, campaign-app-header .campaign-app-header-content .campaign-app-header-primary-nav .campaign-app-header-dropdown:hover {
	opacity:1;
	transition:opacity var(--animation-duration-short)
}
campaign-app-header .campaign-app-header-content .campaign-app-header-secondary-nav {
	position:absolute;
	top:0rem;
	right:0;
	transition:opacity var(--animation-duration-long)
}
campaign-app-header .campaign-app-header-content .campaign-app-header-secondary-nav .campaign-app-header-link {
	margin-top:-32rem;
	padding-bottom:10rem
}
campaign-app-header .campaign-app-header-content .campaign-app-header-secondary-nav .campaign-app-header-link a.--active::after {
bottom:-8rem
}
html.--scrolled campaign-app-header .campaign-app-header-content .campaign-app-header-secondary-nav, html.--overscroll campaign-app-header .campaign-app-header-content .campaign-app-header-secondary-nav {
	opacity:0;
	visibility:hidden
}
campaign-app-header .campaign-app-header-content .campaign-app-header-dropdown {
	position:absolute;
	top:62rem;
	left:0;
	z-index:var(--z-index-dropdown);
	padding:28rem 36rem;
	border:var(--dropdown-border-width) solid var(--surface-dropdown-border-color);
	border-radius:var(--dropdown-border-radius);
	background:var(--surface-dropdown-surface-color);
	color:var(--surface-dropdown-surface-text-color);
	box-shadow:var(--shadow-dropdown-below);
	margin-top:-6rem;
	margin-left:50%;
transform:translateX(calc(var(--offset) * -1 - 8rem));
	opacity:0;
	transition:opacity var(--animation-duration-short), visibility var(--animation-duration-short);
	cursor:default
}
html.--scrolled campaign-app-header .campaign-app-header-content .campaign-app-header-dropdown {
	top:61rem
}
html[lang="en"] campaign-app-header .campaign-app-header-content .campaign-app-header-dropdown {
--offset: 227rem
}
html[lang="da"] campaign-app-header .campaign-app-header-content .campaign-app-header-dropdown {
--offset: 225rem
}
campaign-app-header .campaign-app-header-content .campaign-app-header-dropdown::before {
content:"";
position:fixed;
top:-7rem;
left:var(--offset);
width:14rem;
height:14rem;
background:var(--surface-dropdown-surface-color);
border:var(--dropdown-border-width) solid var(--surface-dropdown-border-color);
-webkit-clip-path:polygon(-6rem -6rem, 20rem 20rem, -6rem 20rem);
clip-path:polygon(-6rem -6rem, 20rem 20rem, -6rem 20rem);
transform:rotate(135deg)
}
html:not(.--scrolled) campaign-app-header .campaign-app-header-content .campaign-app-header-dropdown::after {
content:"";
position:fixed;
top:-8rem;
left:calc(var(--offset) - var(--dropdown-border-width));
width:16rem;
height:16rem;
border:var(--dropdown-border-width) solid rgba(17, 37, 62, 0.2);
-webkit-clip-path:polygon(-8.75rem -6rem, 20rem 22.75rem, -6rem 20rem);
clip-path:polygon(-8.75rem -6rem, 20rem 22.75rem, -6rem 20rem);
transform:rotate(135deg);
opacity:calc(1 - min(0.9, var(--scroll-top)))
}
campaign-app-header .campaign-app-header-content .campaign-app-header-dropdown .flex-row>:not(:last-child) {
margin-right:18rem
}
campaign-app-header .campaign-app-header-content .campaign-app-header-dropdown a {
	display:block;
	position:relative;
	margin-left:-18rem;
	margin-right:0;
	padding:16rem 18rem;
	border-radius:3px;
	color:inherit;
	overflow:hidden;
	cursor:pointer
}
campaign-app-header .campaign-app-header-content .campaign-app-header-dropdown a::before {
content:"";
position:absolute;
top:0;
left:0;
bottom:0;
width:4rem;
background:var(--palette-color-design-7);
opacity:0
}
campaign-app-header .campaign-app-header-content .campaign-app-header-dropdown a:hover, campaign-app-header .campaign-app-header-content .campaign-app-header-dropdown a:focus {
	background-color:#ffffff;
	box-shadow:0 0 2px 0 rgba(0, 160, 200, 0.4), var(--shadow-popover)
}
campaign-app-header .campaign-app-header-content .campaign-app-header-dropdown a:hover::before, campaign-app-header .campaign-app-header-content .campaign-app-header-dropdown a:focus::before {
opacity:1
}
campaign-app-header .campaign-app-header-content .campaign-app-header-market, campaign-app-header .campaign-app-header-content .campaign-app-header-locale {
--input-min-height: 32rem;
--input-padding: 7rem 12rem
}
campaign-app-header .campaign-app-header-content .campaign-app-header-market dropdown-icon, campaign-app-header .campaign-app-header-content .campaign-app-header-locale dropdown-icon {
	color:inherit !important;
	opacity:var(--opacity-faded);
	padding-left:0
}
campaign-app-header .campaign-app-header-content .campaign-app-header-market {
--input-width: calc(98rem + var(--input-border-width));
	margin-right:0;
	margin-left:18rem
}
campaign-app-header .campaign-app-header-content .campaign-app-header-market .input-control {
	border-top-right-radius:0;
	border-bottom-right-radius:0
}
campaign-app-header .campaign-app-header-content .campaign-app-header-locale {
--input-width: 98rem
}
campaign-app-header .campaign-app-header-content .campaign-app-header-locale .input-control {
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-left:none
}
campaign-app-header .campaign-app-header-content .campaign-app-header-order-now {
	margin-left:18rem;
width:calc(2 * 98rem + var(--input-border-width));
	min-height:44rem;
	padding:5rem 12rem;
	border:var(--border-width-thin) solid rgba(17, 37, 62, 0.2) !important;
	background:var(--palette-color-whitepoint) !important;
	font-weight:600
}
html.--scrolled campaign-app-header .campaign-app-header-content .campaign-app-header-order-now, html.--overscroll campaign-app-header .campaign-app-header-content .campaign-app-header-order-now {
	border:var(--border-width-thin) solid transparent !important;
	background:var(--palette-color-primary-darker) !important;
	color:var(--palette-color-whitepoint) !important
}
campaign-app-header .campaign-app-header-content .campaign-app-header-menu-button {
	font-size:24rem;
	display:none
}
campaign-app-header .campaign-app-header-menu {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:1;
	height:calc(100vh);
	padding:var(--app-padding-width);
	padding-top:calc(var(--app-header-height) + 21rem);
	overflow:overlay;
	background:var(--surface-color)
}
campaign-app-header .campaign-app-header-menu::before {
content:"";
position:fixed;
top:0;
left:0;
right:0;
z-index:1;
height:calc(var(--app-header-height) + 1px);
background:var(--surface-color)
}
campaign-app-header .campaign-app-header-menu .accordion-header {
	padding:12rem 0;
	border-bottom:var(--dropdown-border-width) solid rgba(17, 37, 62, 0.05) !important;
--font-larger-font-weight: 400
}
campaign-app-header .campaign-app-header-menu accordion.--expanded .accordion-header {
--font-larger-font-weight: 600
}
campaign-app-header .campaign-app-header-menu .accordion-content {
	padding:12rem 20rem
}
campaign-app-header .campaign-app-header-menu a {
	font:var(--font-medium);
	color:inherit;
	cursor:pointer
}
campaign-app-header .campaign-app-header-menu .accordion-header-toggle {
	font-size:30rem !important;
	right:-4rem;
	color:inherit;
	cursor:pointer
}
campaign-app-header .campaign-app-header-menu .campaign-app-header-menu-link {
	display:block;
	padding:10rem;
	margin:0 -10rem;
	border:var(--dropdown-border-width) solid transparent
}
campaign-app-header .campaign-app-header-menu .campaign-app-header-menu-link:hover, campaign-app-header .campaign-app-header-menu .campaign-app-header-menu-link:focus {
	border-radius:var(--dropdown-border-radius);
	background-color:var(--palette-color-neutral-light)
}
campaign-app-header .campaign-app-header-menu .campaign-app-header-menu-order-now {
	border:var(--border-width-thin) solid transparent !important;
	background:var(--palette-color-primary-darker) !important;
	color:var(--palette-color-whitepoint) !important
}
campaign-app-header .campaign-app-header-menu .campaign-app-header-menu-options {
	display:flex;
	flex-wrap:wrap;
	justify-content:stretch
}
campaign-app-header .campaign-app-header-menu .campaign-app-header-menu-options>* {
	flex-grow:1
}
campaign-app-header .campaign-app-header-menu .campaign-app-header-menu-options>*:not(:last-child) {
margin-right:var(--size-inline-spacing-large)
}
@media (max-width: 1080px) {
body {
--app-header-height: 84rem
}
campaign-app-header {
justify-content:center;
transform:none !important
}
campaign-app-header .campaign-app-header-content {
padding-bottom:0;
height:100%;
z-index:2
}
campaign-app-header .campaign-app-header-content app-logo {
margin-top:0;
margin-right:auto
}
campaign-app-header .campaign-app-header-content .campaign-app-header-primary-nav, campaign-app-header .campaign-app-header-content .campaign-app-header-secondary-nav, campaign-app-header .campaign-app-header-content .campaign-app-header-market, campaign-app-header .campaign-app-header-content .campaign-app-header-locale, campaign-app-header .campaign-app-header-content .campaign-app-header-nav {
display:none
}
campaign-app-header .campaign-app-header-content identity-picture {
width:32rem;
height:32rem
}
campaign-app-header .campaign-app-header-content .campaign-app-header-order-now {
position:relative;
margin-right:32rem
}
campaign-app-header .campaign-app-header-content .campaign-app-header-menu-button {
display:block
}
campaign-app-header .campaign-app-header-menu button {
width:100%
}
campaign-app-header .campaign-app-header-menu-sign-in {
display:none
}
}
@media (max-width: 600px) {
body {
--app-header-height: 56rem
}
campaign-app-header .campaign-app-header-content app-logo {
height:16rem
}
campaign-app-header .campaign-app-header-content user-identity {
margin-right:20rem !important
}
campaign-app-header .campaign-app-header-content user-identity .user-identity-name {
display:none !important
}
campaign-app-header .campaign-app-header-content .campaign-app-header-sign-in {
display:none
}
campaign-app-header .campaign-app-header-content .campaign-app-header-order-now {
display:none
}
campaign-app-header .campaign-app-header-menu-sign-in {
display:block
}
}
accordion {
	display:block;
	border:var(--border-width-thin) solid;
	border-radius:var(--border-radius-medium);
	border-color:var(--border-color, transparent);
	transition:border-color var(--animation-duration-short);
	overflow:hidden;
	position:relative
}
accordion[accent] {
	color:inherit
}
accordion[accent]:not([accent="none"]) {
padding-left:var(--border-width-thick)
}
accordion:not([accent^="data-"])[accent="neutral"]>.accordion-edge {
background:var(--palette-color-neutral)
}
accordion:not([accent^="data-"])[accent="primary"]>.accordion-edge {
background:var(--palette-color-primary)
}
accordion:not([accent^="data-"])[accent="secondary"]>.accordion-edge {
background:var(--palette-color-secondary)
}
accordion:not([accent^="data-"])[accent="info"]>.accordion-edge {
background:var(--palette-color-info)
}
accordion:not([accent^="data-"])[accent="positive"]>.accordion-edge {
background:var(--palette-color-positive)
}
accordion:not([accent^="data-"])[accent="attention"]>.accordion-edge {
background:var(--palette-color-attention)
}
accordion:not([accent^="data-"])[accent="negative"]>.accordion-edge {
background:var(--palette-color-negative)
}
accordion[accent="data-1"]>.accordion-edge {
	background:var(--palette-color-data-1)
}
accordion[accent="data-2"]>.accordion-edge {
	background:var(--palette-color-data-2)
}
accordion[accent="data-3"]>.accordion-edge {
	background:var(--palette-color-data-3)
}
accordion[accent="data-4"]>.accordion-edge {
	background:var(--palette-color-data-4)
}
accordion[accent="data-5"]>.accordion-edge {
	background:var(--palette-color-data-5)
}
accordion[accent="data-6"]>.accordion-edge {
	background:var(--palette-color-data-6)
}
accordion[accent="data-7"]>.accordion-edge {
	background:var(--palette-color-data-7)
}
accordion[accent="data-8"]>.accordion-edge {
	background:var(--palette-color-data-8)
}
accordion[accent="none"]>.accordion-edge {
	background:transparent
}
accordion>.accordion-edge {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:var(--border-width-thick);
	border-top-left-radius:var(--border-radius-medium);
	border-bottom-left-radius:var(--border-radius-medium);
	transition:background-color var(--animation-duration-short)
}
accordion .accordion-header {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:6rem 11rem;
	background-color:var(--surface-color);
	transition:background-color var(--animation-duration-short)
}
accordion .accordion-header .accordion-header-content {
	flex-grow:1
}
accordion .accordion-header .accordion-header-toggle {
	margin-right:16rem;
	font-size:16rem
}
accordion .accordion-header.--icon-after {
	flex-direction:row-reverse
}
accordion .accordion-header.--icon-after .accordion-header-toggle {
	margin-right:0;
	margin-left:16rem
}
accordion .accordion-content {
	padding:23rem;
	background-color:var(--surface-color)
}
accordion.--expandable .accordion-header {
	cursor:pointer
}
accordion.--expandable .accordion-header:hover {
	background-color:var(--surface-color--hover)
}
accordion.--expanded {
	border-color:var(--border-color--active, transparent)
}
accordion.--expanded .accordion-header, accordion.--expanded .accordion-header:hover {
	background-color:var(--surface-color--active);
	border-bottom:var(--border-width-thin) solid var(--palette-color-neutral-dark)
}
accordion:not(.--expanded).--invalid {
color:var(--surface-negative-text-color)
}
app-logo {
	display:block
}
app-logo a {
	display:block;
	height:100%;
	opacity:0.94;
	transition:opacity var(--animation-duration-short)
}
app-logo a:hover {
	opacity:1
}
app-logo a img {
    height: auto;
    width: 70px;
    /* width: auto; */
    margin-top: -30px;
}
user-identity a {
	display:flex;
	align-items:center;
	transition:border-color var(--animation-duration-short), filter var(--animation-duration-short);
	color:inherit
}
user-identity a:hover identity-picture {
	filter:brightness(98%)
}
user-identity a identity-picture {
	border-radius:50%;
	background:var(--surface-nav-link-surface-color--active);
	border:var(--border-width-thin) solid transparent
}
user-identity a identity-picture .identity-picture-surface {
	filter:none
}
user-identity a .user-identity-name {
	position:relative;
	display:block;
	margin-left:var(--size-inline-spacing-large)
}
user-identity[size="icon"] a .user-identity-name {
	display:none
}
identity-picture {
	position:relative;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	width:40rem;
	height:40rem;
	border-radius:var(--border-radius-large);
	font-size:var(--font-large-font-size);
	font-weight:600;
	line-height:1;
	text-transform:uppercase;
	background:var(--surface-primary-surface-color);
	color:var(--surface-primary-surface-text-color);
	overflow:hidden
}
identity-picture .identity-picture-surface {
	position:absolute;
	width:100%;
	height:100%;
	background:inherit
}
identity-picture .identity-picture-content {
	position:absolute;
	z-index:1
}
identity-picture .identity-picture-image {
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;
	background-size:cover
}
page[name="home"] header-section {
	background:transparent;
	overflow:visible
}
page[name="home"] header-section .header-section-content>[slot="contentBackground"] {
max-width:calc(var(--app-content-width) + 200rem);
right:100rem;
top:100rem;
height:auto;
position:absolute
}
page[name="home"] header-section .header-section-content>[slot="background"] {
max-width:40%;
margin-right:80rem;
margin-left:10rem
}
@media (max-width: 800px) {
page[name="home"] header-section .header-section-content>[slot="background"] {
display:none
}
}
page[name="home"] header-section .header-section-content>[slot="content"] .button-container {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start
}
@media (max-width: 600px) {
page[name="home"] header-section .header-section-content>[slot="content"] .button-container {
flex-direction:column
}
}
page[name="home"] header-section .header-section-content>[slot="content"] .button-container .button-medium {
	margin:0
}
@media (max-width: 600px) {
page[name="home"] header-section .header-section-content>[slot="content"] .button-container .button-medium {
width:100%
}
}
@media (min-width: 601px) {
page[name="home"] header-section .header-section-content>[slot="content"] .button-container .button-medium:not(:first-child) {
margin-left:20rem
}
}
@media (max-width: 600px) {
page[name="home"] order-form-section {
margin:0rem 0 60rem
}
}
page[name="home"] partner-section {
	padding-top:0
}
page[name="home"] quote-section {
	position:relative;
	background-color:var(--palette-color-design-4);
	padding:100rem
}
@media (max-width: 600px) {
page[name="home"] quote-section {
padding:0 20rem;
margin:0
}
}
@media (max-width: 600px) {
page[name="home"] quote-section .quote-heading {
display:none
}
}
page[name="home"] quote-section .quote-section-content {
	padding-top:40rem;
	padding-bottom:45rem
}
@media (max-width: 600px) {
page[name="home"] quote-section .quote-section-content {
padding:40rem 20rem 20rem
}
}
page[name="home"] quote-section quote-block {
	display:none
}
page[name="home"] quote-section quote-block.--active {
	display:flex
}
@media (max-width: 600px) {
page[name="home"] quote-section quote-block .quote-block-rating icon {
width:1.5em;
height:1.5em
}
}
@media (max-width: 600px) {
page[name="home"] quote-section quote-block .quote-block-text {
margin:20rem 0 40rem;
line-height:1.78
}
}
@media (max-width: 600px) {
page[name="home"] quote-section quote-block .quote-block-logo {
margin-top:20rem
}
}
page[name="home"] quote-section .quote-dots {
	position:absolute;
	left:50%;
	bottom:0rem;
	transform:translateX(-50%);
	display:flex
}
@media (max-width: 600px) {
page[name="home"] quote-section .quote-dots {
display:none;
bottom:42rem
}
}
page[name="home"] quote-section .quote-dots .quote-dot {
	height:13rem;
	width:13rem;
	border-radius:50%;
	background-color:var(--palette-color-design-2a);
	transition:background-color 150ms;
	cursor:pointer
}
@media (max-width: 600px) {
page[name="home"] quote-section .quote-dots .quote-dot {
height:9rem;
width:9rem
}
page[name="home"] quote-section .quote-dots .quote-dot:not(:last-child) {
margin-right:14rem
}
}
page[name="home"] quote-section .quote-dots .quote-dot.--active {
	background-color:var(--palette-color-interaction-main)
}
page[name="home"] grid-section {
	padding:100rem 0 150rem
}
@media (max-width: 1080px) {
page[name="home"] grid-section {
padding:80rem 20rem
}
}
page[name="home"] grid-section [slot=header] {
	margin-bottom:60rem
}
@media (max-width: 600px) {
page[name="home"] grid-section [slot=header] {
margin-bottom:30rem
}
}
page[name="home"] insights-section .insights-section-heading {
	font-size:26rem;
	padding-bottom:12rem;
	border-bottom:1rem solid var(--palette-color-design-2a);
	margin-bottom:50rem
}
page[name="home"] insights-section a {
	color:inherit
}
page[name="home"] .mover-ratings-container {
	width:var(--app-content-width);
	margin:0 auto 140rem;
	display:flex;
	justify-content:center;
	align-items:flex-end
}
@media (max-width: 1080px) {
page[name="home"] .mover-ratings-container {
width:100%
}
}
@media (max-width: 600px) {
page[name="home"] .mover-ratings-container {
width:100%;
flex-direction:column;
margin:0 0 80rem;
padding:0 20rem;
align-items:center
}
}
page[name="home"] .mover-ratings-container>* {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-items:center
}
page[name="home"] .mover-ratings-trustpilot {
	margin-right:250rem
}
@media (max-width: 800px) {
page[name="home"] .mover-ratings-trustpilot {
margin-right:150rem
}
}
@media (max-width: 600px) {
page[name="home"] .mover-ratings-trustpilot {
margin-right:0;
margin-bottom:80rem
}
}
page[name="home"] .mover-ratings-trustpilot img:first-child {
	height:35rem;
	width:auto;
	margin-bottom:30rem
}
page[name="home"] .mover-ratings-trustpilot img:last-child {
	height:30rem;
	width:auto
}
page[name="home"] .mover-ratings-facebook>*:first-child {
	height:26rem;
	width:auto;
	margin-bottom:22rem
}
page[name="home"] .mover-ratings-facebook>*:last-child {
	color:#4c68a5
}
page[name="home"] .mover-ratings-facebook>*:last-child icon {
	height:36rem;
	width:36rem
}
header-section {
	display:flex;
	flex-direction:column;
	align-items:center;
	position:relative;
	padding-top:var(--app-header-height);
	padding-left:var(--app-padding-width);
	padding-right:var(--app-padding-width);
	padding-bottom:80rem;
	background:var(--palette-color-design-2);
	overflow:hidden
}
@media (min-width: 1921px) {
header-section {
padding-left:0;
padding-right:0
}
}
header-section .header-section-container {
	display:flex;
	width:100%
}
@media (max-width: 1366px) {
header-section .header-section-container {
flex-direction:column-reverse
}
}
header-section .header-section-container>[slot="rightImage"] {
position:absolute;
top:0;
right:-200rem;
height:calc(100% - var(--app-header-height) - 180rem);
width:auto;
margin-top:calc(var(--app-header-height) + 120rem);
pointer-events:none
}
@media (min-width: 1367px) and (max-width: 1680px) {
header-section .header-section-container>[slot="rightImage"] {
right:-88rem
}
}
@media (min-width: 1921px) {
header-section .header-section-container>[slot="rightImage"] {
right:5%
}
}
@media (max-width: 1366px) {
header-section .header-section-container>[slot="rightImage"] {
position:inherit;
margin-top:60rem;
margin-bottom:30rem;
width:100%;
height:auto;
right:0
}
}
header-section .header-section-container::before {
content:"";
position:fixed;
top:0;
width:100%;
background:inherit;
height:50%;
z-index:-1
}
header-section .header-section-content {
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	max-width:var(--app-content-width);
	width:100%
}
header-section .header-section-content>[slot="content"] {
margin-top:70rem;
z-index:0;
max-width:630rem
}
@media (max-width: 600px) {
header-section .header-section-content>[slot="content"] {
margin-top:50rem
}

	.w50 {
  float: left;
  width: 100%;
}
	
.w25{ float:left; width:100%;}		
	
	


}
header-section .header-section-content>[slot="content"] .button-medium {
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content
}
@media (max-width: 600px) {
header-section .header-section-content>[slot="content"] .button-medium {
width:100%
}
}
header-section .header-section-content>[slot="content"] .button-medium[accent="neutral"] {
	border:var(--border-width-thin) solid rgba(17, 37, 62, 0.2) !important;
	background:var(--palette-color-whitepoint) !important
}
header-section .header-section-content>[slot="background"] {
-o-object-fit:contain;
object-fit:contain;
height:100%;
z-index:0;
margin-top:25rem;
max-width:50%;
margin-left:36rem;
pointer-events:none
}
header-section .header-section-content>[slot="secondaryImage"] {
position:absolute;
bottom:0;
margin-left:-40rem;
-o-object-fit:contain;
object-fit:contain;
height:41%;
max-width:50%;
pointer-events:none
}
@media (max-width: 600px) {
header-section {
padding-top:68rem;
padding-bottom:48rem
}
header-section .header-section-content {
justify-content:space-between;
flex-direction:column
}
header-section .header-section-content>[slot="content"] .button-medium {
min-width:auto
}
header-section .header-section-content>[slot="background"] {
max-width:100%;
margin-top:48rem;
margin-left:auto
}
header-section .header-section-content>[slot="secondaryImage"] {
max-height:270rem;
max-width:100%;
margin-left:0;
left:50%;
transform:translateX(-50%)
}
header-section .header-section-content button {
width:100%
}
}
order-form-section {
	display:block;
	max-width:var(--app-content-width);
	width:100%;
	margin:0rem auto 20rem
}
@media (max-width: 600px) {
order-form-section {
padding:0 16rem 0 16rem
}
}
order-form-section order-form {
	margin-top:0rem;
	z-index:1
}
@media (max-width: 1080px) {
order-form-section order-form {
margin-top:10rem
}
}
partner-section {
	display:block;
	width:var(--app-content-width);
	margin:0 auto;
	padding:80rem 0 0rem 0;
	border-bottom:1rem solid var(--palette-color-design-2a)
}
@media (max-width: 1080px) {
partner-section {
padding:80rem 0 70rem 0;
width:calc(100% - 40rem);
margin:0 20rem
}
partner-section h1 {
margin-bottom:10rem
}
}
partner-section .partner-section-container {
	margin-bottom:50rem;
	display:grid;
	grid-template-columns:repeat(3, 350rem);
	grid-template-rows:repeat(2, 110rem);
	justify-items:center;
	justify-content:center;
	align-items:center;
	justify-content:center;
	padding:50rem 0 0rem;
	image-rendering:auto
}
@media (max-width: 800px) {
partner-section .partner-section-container {
grid-template-rows:repeat(3, 110rem);
grid-template-columns:repeat(2, 250rem)
}
}
@media (max-width: 600px) {
partner-section .partner-section-container {
grid-template-rows:repeat(3, 110rem);
grid-template-columns:repeat(2, 160rem)
}
}
partner-section .partner-section-container img {
	width:auto;
	height:40rem;
	-o-object-fit:contain;
	object-fit:contain
}
partner-section .partner-section-navigation icon {
	width:20rem
}
grid-section {
--grid-section-row-gap: 47rem;
--grid-section-column-gap: 78rem;
	display:block;
	padding:54rem
}
@media (max-width: 600px) {
grid-section {
padding:0 20rem
}
}
grid-section .grid-section-content {
	max-width:var(--app-content-width);
	margin:0 auto
}
grid-section .grid-section-items {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	row-gap:var(--grid-section-row-gap);
	-moz-column-gap:var(--grid-section-column-gap);
	column-gap:var(--grid-section-column-gap)
}
@media (max-width: 600px) {
grid-section .grid-section-items {
grid-template-columns:repeat(1, 1fr);
row-gap:40rem
}
}
icon-block {
	display:flex;
	flex-direction:column;
	align-items:flex-start
}
@media (max-width: 600px) {
icon-block {
align-items:center
}
icon-block .icon-block-content {
text-align:center
}
}
icon-block.--center {
	align-items:center
}
icon-block.--center .icon-block-image {
	justify-content:center
}
icon-block.--right {
	align-items:flex-end
}
icon-block.--right .icon-block-image {
	justify-content:flex-end
}
icon-block .font-large {
	font-weight:bolder
}
icon-block .icon-block-image {
	height:85rem;
	width:109rem;
	display:flex;
	align-items:center
}
@media (max-width: 600px) {
icon-block .icon-block-image {
justify-content:center
}
}
icon-block .icon-block-image img {
	width:auto
}
quote-section {
	display:flex;
	flex-direction:column;
	align-items:center
}
quote-section .quote-section-heading {
	max-width:var(--app-content-width)
}
quote-section .quote-section-content {
	position:relative;
	max-width:calc(900rem);
	width:100%;
	padding:60rem 60rem 60rem
}
.quote-block {
	display:flex;
	flex-direction:column;
	align-items:center
}
.quote-block .line-below-heading::after {
right:0;
margin:0 auto
}
.quote-block .quote-block-rating {
	display:flex;
	font-size:30rem;
	color:var(--palette-color-interaction-main);
	margin-bottom:4rem
}
.quote-block .quote-block-text {
	margin-top:40rem;
	margin-bottom:31rem;
	font:var(--font-medium);
	text-rendering:geometricPrecision;
	font-style:italic;
	text-align:center;
	position:relative;
	padding:0 90rem
}
@media (max-width: 600px) {
.quote-block .quote-block-text {
padding:0
}
}
.quote-block .quote-block-text .quote-start {
	position:absolute;
	top:8rem;
	left:0;
	width:56rem;
	height:56rem
}
@media (max-width: 600px) {
.quote-block .quote-block-text .quote-start {
display:none
}
}
.quote-block .quote-block-text .quote-end {
	position:absolute;
	top:8rem;
	right:0;
	width:56rem;
	height:56rem
}
@media (max-width: 600px) {
.quote-block .quote-block-text .quote-end {
display:none
}
}
.quote-block .quote-block-name {
	font:var(--font-medium);
	text-rendering:geometricPrecision;
	text-align:center;
	font-weight:bolder
}
.quote-block .quote-block-role {
	font:var(--font-medium);
	text-rendering:geometricPrecision;
	text-align:center
}
.quote-block .quote-block-logo {
	margin-top:27rem;
	width:auto;
	max-height:55rem
}
app-section {
	display:flex;
	justify-content:center;
	padding:0 54rem
}
@media (max-width: 800px) {
app-section {
padding:0
}
}
app-section .app-section-container {
	position:relative;
	display:flex;
	flex-direction:column;
	width:100%;
	max-width:var(--app-content-width);
	padding:300rem 58rem 118rem 58rem;
	border-radius:var(--border-radius-medium);
	overflow:hidden
}
@media (max-width: 1080px) {
app-section .app-section-container {
padding:0rem 32rem 0rem 32rem
}
}
@media (max-width: 800px) {
app-section .app-section-container {
flex-direction:column;
padding:0rem 32rem 0rem 32rem;
max-width:none;
border-radius:var(--border-radius-medium)
}
}
app-section .app-section-content {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	width:100%;
	max-width:var(--app-content-width);
	padding:40rem 58rem 40rem 72rem;
	background:var(--palette-color-primary-lighter);
	color:var(--palette-color-secondary-darker);
	border-radius:var(--border-radius-medium);
	overflow:hidden
}
@media (max-width: 800px) {
app-section .app-section-content {
flex-direction:column;
padding:24rem 32rem 40rem 32rem;
max-width:none;
border-radius:var(--border-radius-medium)
}
}
app-section .app-section-phone {
	opacity:1.0
}
app-section .app-section-phone>img {
	position:absolute;
	width:330rem
}
app-section .app-section-phone>img:first-child {
	left:56%;
	bottom:0rem
}
@media (max-width: 1080px) {
app-section .app-section-phone>img:first-child {
display:none
}
}
@media (max-width: 800px) {
app-section .app-section-text {
display:flex;
flex-direction:column;
align-self:flex-start;
text-align:left
}
}
app-section .app-section-buttons {
	display:flex;
	width:220rem;
	justify-content:space-between;
	margin-top:32rem;
	font-weight:500
}
@media (max-width: 800px) {
app-section .app-section-buttons {
margin-top:32rem
}
}
@media (max-width: 319px) {
app-section .app-section-buttons {
align-self:flex-start;
flex-direction:column;
justify-content:space-between;
height:60rem
}
}
app-section .app-section-buttons>a {
	display:block;
	width:144rem;
	color:var(--palette-color-secondary-darker)
}
app-section .app-section-heading {
	font-size:40rem;
	line-height:33rem;
	margin-bottom:32rem;
	max-width:440rem;
	font-weight:700
}
@media (max-width: 800px) {
app-section .app-section-heading {
font-size:18rem;
line-height:25rem;
text-transform:none
}
}
app-section .app-section-description {
	font-size:16rem;
	line-height:24rem;
	max-width:440rem;
	font-weight:300
}
@media (max-width: 800px) {
app-section .app-section-description {
max-width:100%;
font-size:14rem;
line-height:21rem
}
}
cases-section {
	width:var(--app-content-width);
	margin:0 auto
}
@media (max-width: 1080px) {
cases-section {
width:100%;
padding:40rem 20rem 80rem
}
}
@media (max-width: 600px) {
cases-section {
padding-bottom:40rem
}
}
cases-section .cases-section-container {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	margin:40rem 150rem 40rem
}
@media (max-width: 1080px) {
cases-section .cases-section-container {
margin:40rem 0 50rem
}
}
@media (max-width: 600px) {
cases-section .cases-section-container {
margin-bottom:0
}
}
cases-section .cases-section-container img {
	margin:30rem 20rem 30rem;
	width:auto;
	height:36rem
}
@media (max-width: 600px) {
cases-section .cases-section-container img {
height:20rem
}
}
@media (max-width: 600px) {
cases-section .cases-section-container img {
margin:14rem
}
}
cases-section .cases-section-navigation icon {
	width:20rem
}
explained-section {
	padding:100rem 0
}
@media (max-width: 1080px) {
explained-section {
padding:80rem 20rem
}
}
explained-section .explained-section-container {
	margin:0 auto;
	display:flex;
	flex-direction:column;
	width:var(--app-content-width);
	align-items:center
}
@media (max-width: 1080px) {
explained-section .explained-section-container {
width:100%
}
explained-section .explained-section-container h1 {
margin-bottom:20rem
}
}
explained-section .explained-section-described {
	display:flex;
	align-items:center
}
@media (max-width: 600px) {
explained-section .explained-section-described {
flex-direction:column
}
}
explained-section .explained-section-described img {
	max-width:60rem
}
@media (max-width: 600px) {
explained-section .explained-section-described img {
max-width:60%;
margin-right:0;
margin-bottom:20rem
}
}
explained-section .explained-section-icon {
	width:82rem
}
explained-section .explained-section-steps {
	display:grid;
	margin-top:60rem;
	grid-template-columns:repeat(3, 1fr);
	-moz-column-gap:40rem;
	column-gap:40rem
}
@media (max-width: 800px) {
explained-section .explained-section-steps {
margin-top:50rem;
grid-template-columns:repeat(1, 1fr);
row-gap:40rem
}
}
@media (max-width: 600px) {
explained-section .explained-section-step {
width:100%
}
}
explained-section .explained-section-step-header {
	height:180rem;
	background-color:var(--palette-color-design-2);
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center
}
@media (max-width: 600px) {
explained-section .explained-section-step-header {
height:132rem
}
}
explained-section .explained-section-step-header img {
	max-height:85%;
	max-width:55%
}
explained-section .explained-section-step-number {
	width:56rem;
	height:68rem;
	position:absolute;
	top:0;
	left:0;
	border-bottom-right-radius:20%;
	background-color:var(--palette-color-interaction-main);
	display:flex;
	align-items:center;
	justify-content:center;
	color:white
}
@media (max-width: 600px) {
explained-section .explained-section-step-number {
width:41rem;
height:50rem;
border-bottom-right-radius:30%
}
}
explained-section .explained-section-step-content {
	padding:20rem 40rem
}
@media (max-width: 600px) {
explained-section .explained-section-step-content {
padding:20rem
}
}
explained-section .explained-section-step-content>div {
	padding-left:30rem;
	background-size:15rem;
	background-repeat:no-repeat;
	background-position:0 9rem;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15'><g fill='currentColor' fill-rule='evenodd'><path d='M11.732 0L4.294 12.99 6.44 14.24 13.879 1.25z'/><path d='M0 10.491L4.596 13.166 5.836 11.002 1.24 8.326z'/></g></svg>")
}
explained-section .explained-section-step-heading {
	padding-bottom:25rem;
	border-bottom:1rem solid var(--palette-color-design-2a)
}
explained-section .explained-section-step-heading>* {
	cursor:pointer
}
business-promotion-section {
	background-image:linear-gradient(117deg, #228b22, #228b22);
	padding:100rem 0
}
@media (max-width: 1080px) and (min-width: 601px) {
business-promotion-section {
padding:70rem 20rem
}
}
@media (max-width: 800px) {
business-promotion-section {
padding:70rem 20rem 0
}
}
@media (max-width: 600px) {
business-promotion-section {
padding-bottom:20rem
}
}
business-promotion-section .business-promotion-container {
	width:var(--app-content-width);
	margin:0 auto;
	display:flex
}
@media (max-width: 800px) {
business-promotion-section .business-promotion-container {
width:100%;
flex-direction:column
}
}
business-promotion-section .business-promotion-content {
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	flex:1
}
@media (max-width: 1080px) {
business-promotion-section .business-promotion-content {
max-width:40%
}
}
@media (max-width: 800px) {
business-promotion-section .business-promotion-content {
max-width:100%;
flex:initial
}
}
business-promotion-section .business-promotion-content .button-medium {
	width:330rem
}
@media (max-width: 600px) {
business-promotion-section .business-promotion-content .button-medium {
width:100%
}
}
@media (max-width: 600px) {
business-promotion-section .business-promotion-content .button-medium span {
display:none
}
}
business-promotion-section .business-promotion-content .button-medium span.--mobile {
	display:none
}
@media (max-width: 600px) {
business-promotion-section .business-promotion-content .button-medium span.--mobile {
display:inline
}
}
business-promotion-section .business-promotion-images {
	flex:1;
	padding-top:170rem;
	position:relative
}
@media (max-width: 800px) {
business-promotion-section .business-promotion-images {
padding-top:0
}
}
@media (max-width: 600px) {
business-promotion-section .business-promotion-images {
height:auto;
flex:initial
}
}
business-promotion-section .business-promotion-images-jesper {
	position:absolute;
	left:140rem;
	top:0;
	width:460rem
}
@media (max-width: 1080px) {
business-promotion-section .business-promotion-images-jesper {
left:20rem;
width:90%;
top:10rem
}
}
@media (max-width: 800px) {
business-promotion-section .business-promotion-images-jesper {
position:relative;
top:0;
left:80rem;
width:80%;
margin:40rem 40rem 100rem
}
}
@media (max-width: 600px) {
business-promotion-section .business-promotion-images-jesper {
top:40rem;
margin:0;
left:35rem;
width:100%
}
}
business-promotion-section .business-promotion-images-stock {
	position:absolute;
	bottom:-30rem;
	left:50rem;
	width:400rem
}
@media (max-width: 1080px) {
business-promotion-section .business-promotion-images-stock {
width:60%;
left:0;
top:50%
}
}
@media (max-width: 800px) {
business-promotion-section .business-promotion-images-stock {
top:auto;
bottom:20rem;
width:50%;
left:40rem
}
.topnav a:hover, .dropdown:hover .dropbtn {
	background-color: #FFF;
	color: #000 !important;
}

.w33 {
	width: 100%;
	border-radius: 0;
}

.description.business-promotion-container {
	width: 98%;
	margin: 0 auto;
}

business-promotion-section .business-promotion-images-stock {
	left: 13px !important;
	width: 94% !important;
	top: 22px !important;
}

.business-promotion-content.w90mobile {
	width: 95%;
	margin: 30px auto;
}.business-promotion-content.w90mobile p {
	text-align: justify;
}
.au-target.pd0 {
	padding-bottom: 0;
}.business-promotion-container.w90margion {
	width: 98%;
	margin: 0 auto;
}.fulldesc.business-promotion-container {
	padding-top: 50px;
	text-align: justify;
	width: 96%;
	margin: 0 auto;
}

.au-target.mobilep0 {
	padding: 0;
}


}
@media (max-width: 600px) {
business-promotion-section .business-promotion-images-stock {
bottom:auto;
width:80%;
left:0;
top:160rem
}
}
insights-section {
	max-width:var(--app-content-width);
	margin:150rem auto 150rem
}
@media (max-width: 600px) {
insights-section {
margin:40rem 20rem
}
}
insights-section .insights-section-container {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	row-gap:120rem;
	-moz-column-gap:30rem;
	column-gap:30rem
}
@media (max-width: 600px) {
insights-section .insights-section-container {
display:flex;
flex-direction:column;
row-gap:0
}
insights-section .insights-section-container>*:not(:last-child) {
margin-bottom:50rem
}
}
insights-section .insights-section-container icon-block .icon-block-image {
	width:auto;
	height:auto
}
order-form {
--order-form-color: var(--surface-secondary-surface-color);
	display:block;
	position:relative;
	overflow:visible !important
}
@media (max-width: 600px) {
order-form {
border-radius:0 !important
}
}
order-form:not(.--expanded) {
transition:padding-bottom 0s;
transition-delay:var(--animation-duration-short);
padding-bottom:1rem
}
@media (max-width: 600px) {
order-form:not(.--expanded) {
padding-bottom:0rem
}
}
@media (max-width: 600px) {
order-form {
margin-left:-16rem !important;
margin-right:-16rem !important
}
order-form .order-form-container>.order-form-row, order-form .order-form-footer {
padding-left:16rem !important;
padding-right:16rem !important
}
}
order-form check-toggle, order-form radio-toggle {
	background:var(--palette-color-neutral-light);
	min-height:42rem;
	padding:0 10rem;
	border:2rem solid transparent;
	border-radius:var(--input-border-radius);
--toggle-surface-indicator-color: var(--palette-color-neutral-darker) !important;
--toggle-surface-indicator-color--hover: var(--palette-color-neutral-darker) !important;
--toggle-surface-indicator-color--focus: var(--palette-color-neutral-darker) !important
}
order-form check-toggle.--active, order-form radio-toggle.--active {
	border-color:var(--palette-color-primary)
}
order-form accordion, order-form .accordion-content {
--border-color: var(--palette-color-neutral-dark);
--border-color--hover: var(--palette-color-neutral-dark);
--border-color--active: var(--palette-color-neutral-dark);
--surface-color: var(--palette-color-neutral-light);
--surface-color--hover: var(--palette-color-neutral-light);
--surface-color--active: var(--palette-color-neutral-light)
}
order-form .order-form-container>.order-form-row:first-child .input [slot="heading"] {
	font-weight:600;
	text-rendering:geometricPrecision
}
order-form .order-form-tabs {
	position:relative;
	display:flex;
	padding:38rem 40rem 0 40rem;
	background:var(--order-form-color);
	color:var(--palette-color-whitepoint);
	line-height:1;
	border-top-left-radius:var(--border-radius-medium);
	border-top-right-radius:var(--border-radius-medium)
}
@media (max-width: 600px) {
order-form .order-form-tabs {
border-top-left-radius:0;
border-top-right-radius:0
}
}
order-form .order-form-tabs::after {
content:"";
position:absolute;
left:40rem;
right:40rem;
bottom:0;
border-bottom:#f7f7f7
}
order-form .order-form-tabs .order-form-tab {
	position:relative;
	padding-bottom:16rem;
	cursor:pointer
}
order-form .order-form-tabs .order-form-tab:not(:last-child) {
margin-right:40rem
}
order-form .order-form-tabs .order-form-tab.--active {
	font-weight:600
}
order-form .order-form-tabs .order-form-tab.--active::after {
content:"";
display:block;
position:absolute;
left:0;
right:0;
bottom:0;
height:2px;
border-top-left-radius:2px;
border-top-right-radius:2px;
background:#000
}
order-form .order-form-container.au-animate.au-enter {
	will-change:opacity, transform;
	transform-origin:top;
	transform:scaleY(1);
	opacity:0
}
order-form .order-form-container.au-animate.au-enter>* {
	opacity:0
}
order-form .order-form-container.au-animate.au-enter-active {
	-webkit-animation:order-form-open ease-out forwards;
	animation:order-form-open ease-out forwards;
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
order-form .order-form-container.au-animate.au-enter-active>* {
	-webkit-animation:fade-in ease-out forwards;
	animation:fade-in ease-out forwards;
	-webkit-animation-duration:var(--animation-duration-medium);
	animation-duration:var(--animation-duration-medium)
}
@-webkit-keyframes order-form-open {
to {
transform:scaleY(1);
opacity:1
}
}
@keyframes order-form-open {
to {
transform:scaleY(1);
opacity:1
}
}
order-form .order-form-container.au-animate.au-leave {
	transform-origin:top;
	transform:scaleY(1)
}
order-form .order-form-container.au-animate.au-leave-active {
	-webkit-animation:order-form-close ease-in forwards;
	animation:order-form-close ease-in forwards;
	-webkit-animation-duration:var(--animation-duration-short);
	animation-duration:var(--animation-duration-short)
}
order-form .order-form-container.au-animate.au-leave-active>* {
	-webkit-animation:fade-out ease-in forwards;
	animation:fade-out ease-in forwards;
	-webkit-animation-duration:var(--animation-duration-short);
	animation-duration:var(--animation-duration-short)
}
@-webkit-keyframes order-form-close {
from {
transform:scaleY(1);
opacity:1
}
50% {
opacity:1
}
to {
	transform:scaleY(1);
	opacity:0
}
}
@keyframes order-form-close {
from {
transform:scaleY(1);
opacity:1
}
50% {
opacity:1
}
to {
	transform:scaleY(1);
	opacity:0
}
}
order-form .order-form-container {
	border:1px solid transparent;
	background:var(--order-form-color)
}
@media (min-width: 601px) {
order-form .order-form-container:last-child {
border-bottom-left-radius:var(--border-radius-medium);
border-bottom-right-radius:var(--border-radius-medium)
}
}
order-form .order-form-container, order-form .order-form-container .input-heading>*, order-form .order-form-container, order-form .order-form-container .toggle-heading>* {
	color:#000;
}
order-form .order-form-container>.order-form-row {
	padding:32rem 40rem
}
order-form .order-form-addresses {
	position:relative;
	z-index:1;
--surface-input-border-color: var(--palette-color-whitepoint) !important;
--surface-input-border-color--hover: var(--palette-color-whitepoint) !important;
--surface-input-border-color--focus: var(--palette-color-whitepoint) !important;
--surface-negative-text-color: var(--palette-color-negative-light)
}
order-form .order-form-addresses .order-form-row:not(:last-child) {
padding-bottom:8rem
}
order-form .order-form-addresses .order-form-row:not(:first-child) {
padding-top:8rem
}
@media (max-width: 1080px) {
order-form .order-form-addresses .order-form-row:not(:first-child) {
padding-top:16rem
}
}
order-form .order-form-addresses button {
	margin-right:auto
}
order-form.--expanded .order-form-trustpilot {
	display:none
}
order-form .order-form-trustpilot {
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	height:100rem;
	width:100%;
	border-bottom-left-radius:var(--border-radius-medium);
	border-bottom-right-radius:var(--border-radius-medium)
}
order-form .order-form-trustpilot .order-form-trustpilot-logo {
	width:auto;
	height:44rem;
	margin-top:-10rem;
	margin-right:24rem
}
@media (max-width: 600px) {
order-form .order-form-trustpilot .order-form-trustpilot-logo {
margin-top:-5rem;
margin-right:24rem;
height:22rem
}
}
order-form .order-form-trustpilot .order-form-trustpilot-stars {
	width:auto;
	height:28rem;
	margin-right:48rem
}
@media (max-width: 600px) {
order-form .order-form-trustpilot .order-form-trustpilot-stars {
height:14rem;
margin-right:24rem
}
}
order-form .order-form-trustpilot .order-form-trustpilot-link {
	display:block
}
order-form .order-form-trustpilot .order-form-trustpilot-link::after {
margin-left:0.5ch
}
@media (max-width: 600px) {
order-form .order-form-trustpilot .order-form-trustpilot-link::after {
display:none
}
}
order-form .order-form-panel {
	position:relative;
	width:100%;
	border:1px solid var(--order-form-color);
	border-top:none;
	background:var(--palette-color-neutral);
	color:var(--surface-text-color)
}
@media (max-width: 600px) {
order-form .order-form-panel {
border-left:0;
border-right:0
}
}
order-form .order-form-panel>.order-form-row {
	background:var(--palette-color-neutral);
	padding:32rem 40rem;
	margin:0
}
order-form .order-form-panel>.order-form-row, order-form .order-form-panel>.order-form-row .input-heading>*, order-form .order-form-panel>.order-form-row, order-form .order-form-panel>.order-form-row .toggle-heading>* {
	color:var(--palette-color-primary-darkest)
}
order-form .order-form-panel>.order-form-row.last-child {
	padding-bottom:32rem
}
order-form .order-form-panel>.order-form-row+.order-form-row {
	padding-top:0
}
order-form .order-form-row {
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(187rem, 1fr));
	grid-gap:16rem 16rem
}
order-form .order-form-row .order-form-row {
	grid-template-columns:repeat(auto-fit, minmax(130px, 1fr));
	grid-gap:16rem 16rem
}
order-form .order-form-row .order-form-row+.order-form-row {
	margin-top:16rem
}
order-form .order-form-row accordion .order-form-row {
	grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
	grid-gap:23rem 31rem
}
order-form .order-form-row accordion .order-form-row+.order-form-row {
	margin-top:16rem
}
order-form .order-form-row accordion .order-form-col {
	min-width:0
}
order-form .order-form-col {
	min-width:187rem
}
order-form .order-form-section-heading {
	font-weight:600;
--font-current-margin-top: calc(var(--font-small-margin-bottom) / 2);
--font-current-margin-bottom: calc(var(--font-small-margin-bottom) / 2)
}
order-form .order-form-estimated-delivery-container {
	transition:opacity var(--animation-duration-long)
}
order-form .order-form-estimated-delivery {
--input-surface-color: var(--palette-color-neutral-light);
--input-border-color: var(--palette-color-neutral-light)
}
order-form .order-form-vehicle-options-container {
	overflow-x:auto;
	scrollbar-width:none;
	margin-left:-31rem;
	margin-right:-31rem;
	-ms-scroll-snap-type:both mandatory;
	scroll-snap-type:both mandatory
}
order-form .order-form-vehicle-options-container::-webkit-scrollbar {
display:none
}
order-form .order-form-vehicle-options-container .toggle-validation {
	position:-webkit-sticky;
	position:sticky;
	padding-left:31rem;
	left:0
}
order-form .order-form-vehicle-options {
	display:flex;
	padding-right:31rem;
	padding-left:31rem;
min-width:calc(3 * 156rem + 2 * 16rem + 2 * 31rem)
}
order-form .order-form-vehicle-option {
	min-width:156rem;
	flex-basis:100%;
	scroll-snap-align:center;
	scroll-snap-stop:normal;
	grid-template-columns:0 1fr !important;
	border:var(--border-width-thin) solid var(--palette-color-neutral-dark);
	padding:calc(var(--border-width-thick) - var(--border-width-thin))
}
order-form .order-form-vehicle-option:not(:last-child) {
margin-right:16rem
}
order-form .order-form-vehicle-option .toggle-label {
	padding:12rem 19rem !important
}
order-form .order-form-vehicle-option .toggle-control {
	visibility:hidden
}
order-form .order-form-vehicle-option [slot="heading"] {
	display:flex;
	align-items:center;
	flex-wrap:wrap
}
order-form .order-form-vehicle-option [slot="heading"]>icon {
	display:none;
	position:absolute;
	top:12rem;
	right:12rem;
	background:var(--palette-color-primary);
	font-size:24rem;
	border:6rem solid var(--palette-color-primary);
	border-radius:50%;
	color:var(--palette-color-whitepoint)
}
order-form .order-form-vehicle-option [slot="heading"]>img {
	width:80rem;
	margin:12rem 36rem 12rem 16rem
}
order-form .order-form-vehicle-option [slot="heading"]>div {
	min-width:117rem
}
order-form .order-form-vehicle-option.--active {
	padding:0;
	border-width:0;
}
order-form .order-form-vehicle-option.--active icon {
	display:block
}
order-form .order-form-vehicle-option .order-form-vehicle-option-name {
	font-weight:600
}
order-form .order-form-total .flex-row, order-form .order-form-summary .flex-row {
	align-items:flex-start;
	flex-wrap:wrap
}
order-form .order-form-total .flex-row>:first-child, order-form .order-form-summary .flex-row>:first-child {
	max-width:65%
}
@media (min-width: 601px) {
order-form .order-form-total .flex-row>:first-child br.br-preferred, order-form .order-form-summary .flex-row>:first-child br.br-preferred {
display:none
}
}
order-form .order-form-total .flex-row>:last-child, order-form .order-form-summary .flex-row>:last-child {
	margin-left:auto;
	text-align:right
}
order-form .order-form-total-row, order-form .order-form-summary-row {
	padding:6rem 11rem;
	border-radius:var(--border-radius-medium)
}
order-form .order-form-total-row {
	background:var(--palette-color-whitepoint)
}
order-form .order-form-summary-row {
	background:var(--palette-color-neutral-light)
}
order-form .order-form-total, order-form .order-form-footer {
	transition:opacity var(--animation-duration-medium)
}
order-form .order-form-footer {
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	padding:8rem 40rem 40rem 40rem
}
order-form .order-form-footer a {
line-height:calc(56rem - 2 * var(--border-width-medium)) !important
}
order-form .order-form-footer button, order-form .order-form-footer a {
	border-width:var(--border-width-medium) !important;
	font:var(--font-large);
	font-weight:600 !important;
	height:56rem;
	width:100%;
	max-width:330rem
}
order-form .order-form-footer button:not(:last-of-type), order-form .order-form-footer a:not(:last-of-type) {
margin-right:31rem
}
order-form .order-form-footer button:first-child, order-form .order-form-footer a:first-child {
	margin-left:auto
}
@media (max-width: 800px) {
order-form .order-form-footer button, order-form .order-form-footer a {
max-width:none
}
}
order-form .order-form-footer info-card {
	width:calc(100% - 270rem - 16rem);
max-width:calc((100% - 2 * 16rem) / 3 * 2 + 16rem)
}
@media (max-width: 800px) {
order-form .order-form-footer info-card {
max-width:none;
width:100%;
margin-bottom:40rem
}
}
@media (min-width: 801px) {
order-form .order-form-footer .order-form-validation-summary {
text-align:right
}
}
order-form .order-form-expand {
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:5rem;
	margin:0 -5rem 0 -5rem;
	bottom:28rem;
	left:50%;
	right:50%;
	color:#ffffff
}
order-form .order-form-expand icon {
	opacity:var(--opacity-faded)
}
@media (max-width: 600px) {
order-form .order-form-expand {
bottom:0
}
}
order-form .order-form-collapse {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:5rem;
	background:var(--palette-color-neutral-light);
	border-bottom-left-radius:calc(var(--border-radius-medium) - var(--border-width-thin));
	border-bottom-right-radius:calc(var(--border-radius-medium) - var(--border-width-thin))
}
order-form .order-form-success .order-form-row, order-form .order-form-success .order-form-footer {
	background:var(--palette-color-whitepoint) !important
}
@media (max-width: 800px) {
order-form .order-form-success .order-form-footer button:not(:last-child) {
margin-bottom:var(--font-larger-margin-bottom)
}
}
order-form .order-form-success b, order-form .order-form-success .font-larger {
	font-weight:600
}
order-form .order-form-success .font-large {
	font-weight:700
}
order-form .order-form-success-title {
	display:flex;
	align-items:center;
	margin-bottom:13rem
}
order-form .order-form-success-icon {
	margin-top:2rem;
	flex-shrink:0;
	width:39rem;
	height:39rem;
	margin-right:var(--size-inline-spacing-larger);
	display:flex;
	align-self:flex-start;
	justify-content:center;
	border-radius:50%;
	background:var(--palette-color-positive);
	color:var(--palette-color-whitepoint)
}
address-input {
	display:block
}
address-input>text-input>.input-control>.input-control-inner .input-input {
	padding-right:0 !important
}
address-input>text-input>.input-control>dropdown {
	display:flex
}
address-input>text-input>.input-control>dropdown item-picker {
	flex-grow:1
}
address-input>text-input>.input-control>dropdown item {
	display:flex;
	align-items:center
}
address-input>text-input>.input-control>dropdown item icon {
	font-size:var(--font-largest-font-size);
	margin-right:var(--size-inline-spacing);
	opacity:var(--opacity-faded)
}
address-input>text-input>.input-control>[slot="after"]>dropdown-icon, address-input>text-input>.input-control>[slot="after"]>busy-indicator {
padding:var(--input-padding)
}
address-input>text-input>.input-control>[slot="after"]>busy-indicator {
position:absolute;
top:var(--input-border-width);
bottom:var(--input-border-width);
background:var(--input-surface-color)
}
address-input>text-input>.input-control>[slot="after"]>busy-indicator .busy-indicator {
width:1.286em;
height:1.286em;
opacity:var(--opacity-faded-more)
}
address-input>text-input>.input-control>[slot="after"]>busy-indicator .busy-indicator div {
border-width:2rem
}
.owl-dot {
	display: inline;
}
.owl-dot {
	width: 10px;
	height: 10px;
	margin-right: 10px !important;
	border-radius: 100% !important;
	background: #CCE7E9 !important;
	min-width: 10px !important;
	min-height: 10px !important;
}
.owl-dot.active {
	background: #FA6BB5 !important;
}
.owl-carousel .owl-item img {
	width: auto;
	text-align: center;
	margin: 0 auto;
}
#innovativeideas {
	text-align: center;
	padding-top:0px;
}
#innovativeideas .owl-nav {
	display: none;
}
#innovativeideas .owl-dots {
	margin-bottom: 30px;
}
.mobilemenu {
	display:none
}
.topnav {
	overflow: hidden;
	background-color: #333;
}
.topnav a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}
.active {
	background-color: #04AA6D;
	color: white;
}
.topnav .icon {
	display: none;
}
.dropdown {
	float: left;
	overflow: hidden;
}
.quote-block .quote-block-text {
	margin-top: 40rem;
	margin-bottom: 31rem;
	font: var(--font-medium);
	text-rendering: geometricPrecision;
	font-style: italic;
	text-align: center;
	position: relative;
	padding: 0 90rem;
	color: #3a5c70;
	font-weight: bold;
}
.quote-block .quote-block-name {
	font: var(--font-medium);
	text-rendering: geometricPrecision;
	text-align: center;
	font-weight: bolder;
	color: #3a5c70;
	font-weight: normal;
}
.quote-block .quote-block-role {
	font: var(--font-medium);
	text-rendering: geometricPrecision;
	text-align: center;
	;
	color: #3a5c70;
	font-weight: normal;
}
.dropdown .dropbtn {
	font-size: 17px;
	border: none;
	outline: none;
	color: white;
	padding: 14px 16px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}
.dropdown-content a {
	float: none;
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}
.topnav a:hover, .dropdown:hover .dropbtn {
	background-color: #555;
	color: white;
}
.dropdown-content a:hover {
	background-color: #ddd;
	color: black;
}
.dropdown:hover .dropdown-content {
	display: block;
}
/*the container must be positioned relative:*/

.custom-select {
	position: relative;
	font-family: Arial;
}
.custom-select select {
	display: none; /*hide original SELECT element:*/
}
.select-selected {
	background-color: #fff;
}
/*style the arrow inside the select element:*/

.select-selected:after {
	position: absolute;
	content: "";
	top: 14px;
	right: 10px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #999 transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/

.select-selected.select-arrow-active:after {
	border-color: transparent transparent #999 transparent;
	top: 7px;
}
/*style the items (options), including the selected item:*/

.select-items div, .select-selected {
	color: #999;
	padding: 8px 16px;
	border: 1px solid transparent;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer;
	user-select: none;
}
/*style items (options):*/

.select-items {
	position: absolute;
	background-color: #fff;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
}
/*hide the items when the select box is closed:*/

.select-hide {
	display: none;
}
.select-items div:hover, .same-as-selected {
	background-color: rgba(0, 0, 0, 0.1);
}
.hide {
	display: none;
}
 @media screen and (max-width: 600px) {
 .mobilemenu {
display:block
}
 .topnav a:not(:first-child), .dropdown .dropbtn {
 display: none;
}
 .topnav a.icon {
 float: right;
 display: block;
}
 header-section {
 padding-top:0rem;
 padding-bottom: 0rem;
}
 header-section .header-section-content > [slot="content"] {
 margin-top: 10rem;
}
}
 @media screen and (max-width: 600px) {
 .topnav.responsive {
position: relative;
}
 .topnav.responsive .icon {
 position: absolute;
 right: 0;
 top: 0;
}
 .topnav.responsive a {
 float: none;
 display: block;
 text-align: left;
}
 .topnav.responsive .dropdown {
float: none;
}
 .topnav.responsive .dropdown-content {
position: relative;
}
 .topnav.responsive .dropdown .dropbtn {
 display: block;
 width: 100%;
 text-align: left; color:#fff!important
}
 
#services:hover, .dropdown:hover .dropbtn {
	background-color: transparent!important;
}
.w70 {
	float: left;
	width: 100%;
	margin-right: 0;
}
.w30 {
	 
	width: 99%;
}.au-target.pd0.mobilecontainor {
	width: 96%;
	margin: 0 auto;
}


}

@media only screen and (max-width: 3000px) and (min-width: 1500px)  {
	
	.mycontener {
	width: var(--app-content-width);
	margin: 0 auto;
}
	
	}