.modal {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: rgba(0, 0, 0, 0.4);
}

.db-modal-overlay .db-modal {
	width: 60%;
	max-width: 500px;
}
.modal__folder.db-modal {
	width: 300px;
}
.delete__account__modal.db-modal {
	width: 520px;
	max-width: 520px;
}
.team__settings__modal.db-modal {
	width: 520px;
	max-width: 520px;
}
.domainlist__modal.db-modal {
	width: 400px;
	max-width: 400px;
}
.new__team__modal.db-modal {
	width: 550px;
	max-width: 550px;
}
.project__quota__modal.db-modal {
	max-width: 630px;
}
.delete__team__modal.db-modal {
	width: 520px;
	max-width: 520px;
}
.project__transfer__modal.db-modal {
	width: 430px;
}
.propose_project__transfer__modal.db-modal {
	width: 530px;
}
.mq__modal--new.db-modal {
	width: 400px;
	max-width: 400px;
}
.confirm-password__modal.db-modal {
	width: 400px;
	max-width: 400px;
}
.modal__content {
	width: 60%;
	margin: 1.5em auto;
	max-width: 500px;
	background: #fff;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}
.modal__content__custom {
	max-width: 530px;
	text-align: left;
	line-height: 1.44;
	background: #fff;
	margin: 1.5em auto;
}
.modal .modal__content__custom .modal__buttons {
	padding: 20px 30px 30px 0px;
}
.modal__content__custom .mq__modal__section {
	padding: 15px 15px 0px 15px;
}
.modal--rounded .modal__content__custom {
	border-radius: 8px;
}

.modal__header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding: 0.75em;
	position: relative;
	background: #e0e0e2;
	color: #1f1f1f;
	text-align: center;
	font-weight: 700;
}
.modal__header h3 {
	margin: 0;
}
.modal__main {
	padding: 10px;
}

.modal__buttons > button {
	margin-right: 10px !important;
	min-height: inherit !important;
}

.modal--rounded .modal__content {
	border-radius: 12px;
}

.modal--rounded .modal__header {
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.plan__feature__extra__header {
	font-size: 28px;
}

.plan__feature__extra__header2 {
	padding-top: 25px;
	font-size: 28px;
	font-weight: 600;
}

.modal--rounded2 .modal__header {
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

/* =============================================================================
   Specific modals style
   ========================================================================== */

.modal__new__features .modal__buttons {
	margin-top: 0.5em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal__new__features .modal__header {
	background-color: #fff;
	padding: 0.75em 1.25em;
	border: none;
	display: flex;
	justify-content: space-between;
	height: 0;
	z-index: 2;
}

.modal__new__features .modal__header a {
	margin-left: auto;
}

.modal__new__features .modal__header svg {
	width: 2em;
	height: 2em;
}

.modal__new__features .modal__main {
	position: relative;
	padding: 0 3em 2em 3em;
}

.modal__folder .modal__content {
	width: 300px;
}

/* =============================================================================
   New type of modal (e.g. duplicate project )
   ========================================================================== */

.mq__modal .modal__content {
	padding: 30px 0;
}

.mq__modal .modal__main {
	padding: 0;
}

.mq__modal .modal__buttons {
	padding: 20px 30px 0 30px;
}

.mq__modal .modal__buttons-custom {
	padding: 30px 30px 0 30px;
}

.mq__modal .modal__header {
	background-color: #fff;
	padding: 0;
	margin: 0 30px;
	border: none;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	height: auto;
	z-index: 2;
}

.mq__modal .modal__header h3 {
	font-weight: 700;
	font-size: 1.5em;
}

.mq__modal .modal__header a {
	margin-left: auto;
	display: flex;
	align-items: center;
}

.mq__modal .modal__header svg {
	width: 2em;
	height: 2em;
}
.mq__modal .team__settings__modal__header svg {
	width: 24px !important;
	height: 24px !important;
}

.mq__modal .mq-modal-content {
	padding: 30px 0;
}

.mq__modal form > .message {
	margin: 30px 30px 0 30px;
}

.mq__modal__close {
	color: #aaaaaa;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.mq__modal__title {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.5em;
	color: #000;
}

.mq__modal__subtitle {
	font-size: 0.85em;
	color: #aaaaaa;
}

.mq__modal__heading {
	color: var(--body-muted-color);
	font-weight: bold;
	font-size: 14px;
	margin: 0;
}
.mq__modal__heading2 {
	color: var(--heading-color);
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-weight: 500;
}
.mq__modal__heading3 {
	color: var(--heading-color);
	font-size: 14px;
	margin: 0px;
	padding-top: 30px;
	padding-bottom: 15px;
}
.mq__modal__heading4 {
	color: var(--heading-color);
	font-size: 14px;
	padding-bottom: 4px;
}
.mq__modal__heading5 {
	color: var(--body-muted-color);
	font-size: 18px;
	font-weight: 500;
	padding-top: 12px;
}
.mq__modal__heading6 {
	color: var(--body-color);
	font-size: 16px;
	padding-bottom: 8px;
}

.mq__modal__subheading {
	color: #c0c0c0;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

/* New modals don't use headings for now */
.mq__modal .mq-modal-heading {
	display: none;
}

.mq__modal__separator {
	border-bottom: 1px solid #e7e7e7;
	width: 100%;
	padding-top: 30px;
}

.mq__modal__section {
	padding: 20px 30px 0 30px;
	display: block;
}

.mq__modal__saml__error__section {
	padding: 0px 30px 10px 30px;
}

.mq__modal__saml__error__section .mq__modal__subtitle {
	font-size: 14px;
	color: #000;
	margin: 1em 0;
	line-height: 1.5;
}

.mq__modal__auth__section {
	padding: 30px 0px 5px 0px;
}

.mq__modal__no__account__section {
	padding: 5px 0px 30px 0px;
}

.mq__modal__section__first {
	padding-top: 0;
}

.mq__modal__section h2 {
	margin: 0;
}

.mq__modal__actions button {
	font-size: 16px;
	margin-left: 0.5em;
}

.inline__nudger {
	position: relative;
	padding: 15px;
	color: var(--body-color);
	background-color: #fefce0;
	border: 1px solid #ffa834;
	border-radius: 4px;
}

.theme-dark .inline__nudger {
	background-color: rgba(255, 168, 52, 0.12);
	border-color: rgba(255, 168, 52, 0.4);
}

.newproject__nudger .mq__modal__heading {
	padding-bottom: 1em;
}

/* =============================================================================
   Specific modals style
   ========================================================================== */

.delete__account__modal .modal__content {
	width: 520px;
	max-width: 520px;
}

.delete__account__modal .delete__email {
	font-weight: bold;
	margin: 10px 0;
}

.delete__account__modal .modal__buttons {
	display: flex;
	flex-direction: row-reverse;
}

.team__settings__modal .modal__content {
	width: 520px;
	max-width: 520px;
}

.team__settings__modal .modal__buttons {
	display: flex;
	justify-content: space-between;
}

.team__settings__modal .mq__modal__separator {
	margin-bottom: 15px;
}

.domainlist__modal .modal__content {
	width: 400px;
	max-width: 400px;
}

.domainlist__modal .modal__buttons {
	display: flex;
	flex-direction: row-reverse;
}

.domainlist__modal .mq__modal__section:first-of-type {
	padding-top: 0;
}

.domainlist__modal .modal__content {
	width: 400px;
	max-width: 400px;
}

.domainlist__modal .modal__buttons {
	display: flex;
	flex-direction: row-reverse;
}

.domainlist__modal .mq__modal__section:first-of-type {
	padding-top: 0;
}

.new__team__modal .modal__content {
	width: 550px;
	max-width: 550px;
}

.new__team__modal .new__team__name input {
	border: 1px solid #aaaaaa;
	padding: 1.2em 0.7em;
}

.new__team__modal .modal__buttons {
	display: flex;
	flex-direction: row-reverse;
}

.project__quota__modal .modal__content {
	max-width: 630px;
	height: 620px;
	border-radius: 4px;
	padding: 10px 0px 35px 15px;
}

.project__quota__modal .modal__buttons {
	display: flex;
	justify-content: space-between;
	padding-left: 43px;
	padding-top: 30px;
	padding-bottom: 10px;
}

.project__quota__modal .p {
	color: #a3b0c1;
}

.mq__modal .mq-message {
	margin-top: 1em;
}

.mq__modal .mq-premium {
	color: #7656f3;
	background: #efebff;
}

.mq-premium.mq-premium--tag {
	padding: 2px 6px 2px 2px;
	border-radius: 8px;
	margin-right: 4px;
	margin-left: 4px;
}

.mq-message--lg {
	padding: 0.625rem 0.75rem;
	border-radius: 8px;
}

.mq__modal__nudger {
	font-size: 18px;
}

.mq__modal__nudger .mq-modal-x {
	margin: 0em;
}

.mq__modal__nudger .mq__modal__img {
	max-height: 10em;
}

.mq__modal__nudger .mq__modal__title {
	font-size: 1.5em;
	color: #3b4754;
}

.delete__team__modal .modal__content {
	width: 520px;
	max-width: 520px;
}

.delete__team__modal .modal__buttons {
	display: flex;
	flex-direction: row-reverse;
}
.delete__team__modal .p {
	font-size: 15px;
}

.project__transfer__modal .modal__content {
	width: 430px;
}
.project__transfer__modal .mq__modal__section {
	padding: 5px 30px 0px 30px;
}
.project__transfer__modal .modal__buttons {
	display: flex;
	flex-direction: row-reverse;
}

.propose_project__transfer__modal .modal__content {
	width: 530px;
}
.propose_project__transfer__modal .mq__modal__section {
	padding: 5px 30px 0px 30px;
}
.propose_project__transfer__modal .modal__buttons {
	display: flex;
	flex-direction: row;
}
.transfer__options {
	padding-top: 30px;
}
.move__options {
	padding-top: 20px;
}

.mq__modal--new .modal__content {
	width: 420px;
	max-width: 420px;
}

.mq__modal--new input {
	border: 1px solid #aaaaaa;
	padding: 1.2em 0.7em;
}

.mq__modal--new .modal__buttons {
	display: flex;
	flex-direction: row-reverse;
}

.mq__modal--new .mq__modal__section:first-of-type {
	padding-top: 0;
}
.plan__feature__info {
	display: flex;
	align-items: center;
}

.plan__feature__info .plan__feature__info__icon {
	height: 16px;
	width: 16px;
	padding-right: 14px;
	padding-bottom: 8px;
}

.plan__feature__info .plan__feature__info__icon2 {
	height: 20px;
	width: 20px;
	padding-right: 5px;
	padding-bottom: 3px;
}

.mq__modal--new .modal__content {
	width: 400px;
	max-width: 400px;
}

.mq__modal--new input {
	border: 1px solid #aaaaaa;
	padding: 1.2em 0.7em;
}

.mq__modal--new .modal__buttons {
	display: flex;
	flex-direction: row-reverse;
}

.mq__modal--new .mq__modal__section:first-of-type {
	padding-top: 0;
}

.confirm-comments__modal .modal__header {
	flex-direction: row;
}

.confirm-comments__modal .modal__header a {
	position: absolute;
	right: -10px;
	top: -10px;
}

.confirm-comments__modal.mq__modal .modal__header svg {
	width: 1.5em;
	height: 1.5em;
}

.modal__nudger {
	padding-top: 20px;
}
.modal__nudger img {
	max-width: 100%;
	width: 320px;
	height: auto;
}

.plain-footer__copy {
	font-size: 0.875rem;
	color: var(--footer-link-color);
	opacity: 0.6;
}
.plain-footer__copy a {
	color: inherit;
}
.plain-footer__copy a:hover {
	text-decoration: underline;
}

.plain-container__title {
	margin-bottom: 30px;
	text-align: center;
	font-size: 20px;
	color: var(--heading-color);
}

.plain-container__logo svg {
	fill: var(--heading-color);
}

.plain-container__scroll {
	overflow-y: auto;
}

html:has(.auth-viewport),
body:has(.auth-viewport) {
	height: auto;
	overflow: visible;
}

.plain-container__center {
	margin-top: auto;
	margin-bottom: auto;
}

.plain-container__divider {
	margin: 10px 0;
	border-top: 1px solid var(--well-border-color);
}

.auth-container {
	width: 26em;
	margin-bottom: 3.5em;
}

.auth-card {
	width: 100%;
	margin-bottom: 3.5em;
}

.auth-card .input.input-block label {
	margin-right: 0;
}

@media (max-width: 576px) {
	.auth-card.auth-content {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
}

.auth-button {
	width: 100%;
}

.auth-card input:disabled {
	opacity: 0.5;
	background: var(--input-bg);
	color: var(--input-placeholder-color);
	cursor: not-allowed;
}

.auth-terms .input {
	max-width: 100%;
	flex-wrap: wrap;
}

.auth-terms .input input[type='checkbox'] {
	flex-shrink: 0;
}

.auth-terms .input label {
	flex: 1 1 0%;
	min-width: 0;
}

.auth-terms .input .text-error {
	flex-basis: 100%;
}

.delete__result__page {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.delete__result__page p {
	margin-top: 0;
}

.delete__result__page svg {
	width: 50px;
	height: 50px;
}

.delete__result__page--success svg {
	fill: var(--palette-green, #8acd25);
}

.delete__result__page--expired svg {
	fill: var(--palette-red, #e8334a);
}

.unsubscribe-page {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.not-found__container {
	text-align: center;
}
.not-found__title,
.not-found__flip {
	font-size: 2.3em;
	margin-bottom: 1em;
	color: var(--heading-color);
}
.not-found__title,
.not-found__emoji {
	opacity: 0.5;
}
.not-found__url {
	display: inline-block;
	font-size: 0.6em;
	transform: rotate(180deg);
	animation: rotate 2s 0s infinite forwards;
	animation-delay: 2s;
}
/* more frames in the same position will delay animation */
@keyframes rotate {
	0% {
		transform: rotate(-180deg);
	}
	20% {
		transform: rotate(-180deg);
	}
	30% {
		transform: rotate(-180deg);
	}
	40% {
		transform: rotate(-180deg);
	}
	50% {
		transform: rotate(-180deg);
	}
	60% {
		transform: rotate(-180deg);
	}
	70% {
		transform: rotate(-180deg);
	}
	100% {
		transform: rotate(180deg);
	}
}
.not-found__url:hover {
	text-decoration: underline;
}

html{-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}body{-webkit-text-size-adjust:100%;text-size-adjust:100%;position:relative;width:100%;min-height:100vh}*,::after,::before{box-sizing:border-box}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;font-style:revert;margin:0;padding:0;border:0;vertical-align:baseline}:focus{outline:0}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}input:required,input{box-shadow:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #fff inset}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}input:focus{outline:none}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}a:active,a:hover{outline:none}img{max-width:100%;display:inline-block;vertical-align:middle;height:auto}picture{display:inline-block}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;border:0;background:rgba(0,0,0,0)}button[disabled],html input[disabled]{cursor:default}[disabled]{pointer-events:none}input[type=checkbox],input[type=radio]{padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button{border:0;background:rgba(0,0,0,0)}textarea{overflow:auto;vertical-align:top;resize:vertical}table{border-collapse:collapse;border-spacing:0;text-indent:0}hr{box-sizing:content-box;overflow:visible;background:#000;border:0;height:1px;line-height:0;margin:0;padding:0;page-break-after:always;width:100%}pre{font-family:monospace,monospace;font-size:100%}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:none}code,kbd,pre,samp{font-family:monospace,monospace}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-5px}sup{top:-5px}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0;padding:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;outline:0}legend{color:inherit;white-space:normal;display:block;border:0;max-width:100%;width:100%}fieldset{min-width:0}body:not(:-moz-handler-blocked) fieldset{display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}template{display:none}/*!
 * Bootstrap Grid v5.3.0-alpha1 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-right:auto;margin-left:auto}@media(min-width: 576px){.container-sm,.container{max-width:540px}}@media(min-width: 768px){.container-md,.container-sm,.container{max-width:720px}}@media(min-width: 992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}@media(min-width: 1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}}@media(min-width: 1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1320px}}:root{--bs-breakpoint-xs: 0;--bs-breakpoint-sm: 576px;--bs-breakpoint-md: 768px;--bs-breakpoint-lg: 992px;--bs-breakpoint-xl: 1200px;--bs-breakpoint-xxl: 1400px}.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-0.5*var(--bs-gutter-x));margin-left:calc(-0.5*var(--bs-gutter-x))}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x: 0}.g-0,.gy-0{--bs-gutter-y: 0}.g-1,.gx-1{--bs-gutter-x: 0.5rem}.g-1,.gy-1{--bs-gutter-y: 0.5rem}.g-1\.5,.gx-1\.5{--bs-gutter-x: 0.75rem}.g-1\.5,.gy-1\.5{--bs-gutter-y: 0.75rem}.g-2,.gx-2{--bs-gutter-x: 1rem}.g-2,.gy-2{--bs-gutter-y: 1rem}.g-3,.gx-3{--bs-gutter-x: 1.5rem}.g-3,.gy-3{--bs-gutter-y: 1.5rem}.g-4,.gx-4{--bs-gutter-x: 2rem}.g-4,.gy-4{--bs-gutter-y: 2rem}.g-5,.gx-5{--bs-gutter-x: 2.5rem}.g-5,.gy-5{--bs-gutter-y: 2.5rem}.g-6,.gx-6{--bs-gutter-x: 3rem}.g-6,.gy-6{--bs-gutter-y: 3rem}@media(min-width: 576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x: 0}.g-sm-0,.gy-sm-0{--bs-gutter-y: 0}.g-sm-1,.gx-sm-1{--bs-gutter-x: 0.5rem}.g-sm-1,.gy-sm-1{--bs-gutter-y: 0.5rem}.g-sm-1\.5,.gx-sm-1\.5{--bs-gutter-x: 0.75rem}.g-sm-1\.5,.gy-sm-1\.5{--bs-gutter-y: 0.75rem}.g-sm-2,.gx-sm-2{--bs-gutter-x: 1rem}.g-sm-2,.gy-sm-2{--bs-gutter-y: 1rem}.g-sm-3,.gx-sm-3{--bs-gutter-x: 1.5rem}.g-sm-3,.gy-sm-3{--bs-gutter-y: 1.5rem}.g-sm-4,.gx-sm-4{--bs-gutter-x: 2rem}.g-sm-4,.gy-sm-4{--bs-gutter-y: 2rem}.g-sm-5,.gx-sm-5{--bs-gutter-x: 2.5rem}.g-sm-5,.gy-sm-5{--bs-gutter-y: 2.5rem}.g-sm-6,.gx-sm-6{--bs-gutter-x: 3rem}.g-sm-6,.gy-sm-6{--bs-gutter-y: 3rem}}@media(min-width: 768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x: 0}.g-md-0,.gy-md-0{--bs-gutter-y: 0}.g-md-1,.gx-md-1{--bs-gutter-x: 0.5rem}.g-md-1,.gy-md-1{--bs-gutter-y: 0.5rem}.g-md-1\.5,.gx-md-1\.5{--bs-gutter-x: 0.75rem}.g-md-1\.5,.gy-md-1\.5{--bs-gutter-y: 0.75rem}.g-md-2,.gx-md-2{--bs-gutter-x: 1rem}.g-md-2,.gy-md-2{--bs-gutter-y: 1rem}.g-md-3,.gx-md-3{--bs-gutter-x: 1.5rem}.g-md-3,.gy-md-3{--bs-gutter-y: 1.5rem}.g-md-4,.gx-md-4{--bs-gutter-x: 2rem}.g-md-4,.gy-md-4{--bs-gutter-y: 2rem}.g-md-5,.gx-md-5{--bs-gutter-x: 2.5rem}.g-md-5,.gy-md-5{--bs-gutter-y: 2.5rem}.g-md-6,.gx-md-6{--bs-gutter-x: 3rem}.g-md-6,.gy-md-6{--bs-gutter-y: 3rem}}@media(min-width: 992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x: 0}.g-lg-0,.gy-lg-0{--bs-gutter-y: 0}.g-lg-1,.gx-lg-1{--bs-gutter-x: 0.5rem}.g-lg-1,.gy-lg-1{--bs-gutter-y: 0.5rem}.g-lg-1\.5,.gx-lg-1\.5{--bs-gutter-x: 0.75rem}.g-lg-1\.5,.gy-lg-1\.5{--bs-gutter-y: 0.75rem}.g-lg-2,.gx-lg-2{--bs-gutter-x: 1rem}.g-lg-2,.gy-lg-2{--bs-gutter-y: 1rem}.g-lg-3,.gx-lg-3{--bs-gutter-x: 1.5rem}.g-lg-3,.gy-lg-3{--bs-gutter-y: 1.5rem}.g-lg-4,.gx-lg-4{--bs-gutter-x: 2rem}.g-lg-4,.gy-lg-4{--bs-gutter-y: 2rem}.g-lg-5,.gx-lg-5{--bs-gutter-x: 2.5rem}.g-lg-5,.gy-lg-5{--bs-gutter-y: 2.5rem}.g-lg-6,.gx-lg-6{--bs-gutter-x: 3rem}.g-lg-6,.gy-lg-6{--bs-gutter-y: 3rem}}@media(min-width: 1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x: 0}.g-xl-0,.gy-xl-0{--bs-gutter-y: 0}.g-xl-1,.gx-xl-1{--bs-gutter-x: 0.5rem}.g-xl-1,.gy-xl-1{--bs-gutter-y: 0.5rem}.g-xl-1\.5,.gx-xl-1\.5{--bs-gutter-x: 0.75rem}.g-xl-1\.5,.gy-xl-1\.5{--bs-gutter-y: 0.75rem}.g-xl-2,.gx-xl-2{--bs-gutter-x: 1rem}.g-xl-2,.gy-xl-2{--bs-gutter-y: 1rem}.g-xl-3,.gx-xl-3{--bs-gutter-x: 1.5rem}.g-xl-3,.gy-xl-3{--bs-gutter-y: 1.5rem}.g-xl-4,.gx-xl-4{--bs-gutter-x: 2rem}.g-xl-4,.gy-xl-4{--bs-gutter-y: 2rem}.g-xl-5,.gx-xl-5{--bs-gutter-x: 2.5rem}.g-xl-5,.gy-xl-5{--bs-gutter-y: 2.5rem}.g-xl-6,.gx-xl-6{--bs-gutter-x: 3rem}.g-xl-6,.gy-xl-6{--bs-gutter-y: 3rem}}@media(min-width: 1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x: 0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y: 0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x: 0.5rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y: 0.5rem}.g-xxl-1\.5,.gx-xxl-1\.5{--bs-gutter-x: 0.75rem}.g-xxl-1\.5,.gy-xxl-1\.5{--bs-gutter-y: 0.75rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x: 1rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y: 1rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x: 1.5rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y: 1.5rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x: 2rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y: 2rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x: 2.5rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y: 2.5rem}.g-xxl-6,.gx-xxl-6{--bs-gutter-x: 3rem}.g-xxl-6,.gy-xxl-6{--bs-gutter-y: 3rem}}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.flex-fill{flex:1 1 auto !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.order-first{order:-1 !important}.order-0{order:0 !important}.order-1{order:1 !important}.order-2{order:2 !important}.order-3{order:3 !important}.order-4{order:4 !important}.order-5{order:5 !important}.order-last{order:6 !important}.m-0{margin:0 !important}.m-1{margin:.5rem !important}.m-1\.5{margin:.75rem !important}.m-2{margin:1rem !important}.m-3{margin:1.5rem !important}.m-4{margin:2rem !important}.m-5{margin:2.5rem !important}.m-6{margin:3rem !important}.m-auto{margin:auto !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.mx-1{margin-right:.5rem !important;margin-left:.5rem !important}.mx-1\.5{margin-right:.75rem !important;margin-left:.75rem !important}.mx-2{margin-right:1rem !important;margin-left:1rem !important}.mx-3{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-4{margin-right:2rem !important;margin-left:2rem !important}.mx-5{margin-right:2.5rem !important;margin-left:2.5rem !important}.mx-6{margin-right:3rem !important;margin-left:3rem !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-1{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-1\.5{margin-top:.75rem !important;margin-bottom:.75rem !important}.my-2{margin-top:1rem !important;margin-bottom:1rem !important}.my-3{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-4{margin-top:2rem !important;margin-bottom:2rem !important}.my-5{margin-top:2.5rem !important;margin-bottom:2.5rem !important}.my-6{margin-top:3rem !important;margin-bottom:3rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:.5rem !important}.mt-1\.5{margin-top:.75rem !important}.mt-2{margin-top:1rem !important}.mt-3{margin-top:1.5rem !important}.mt-4{margin-top:2rem !important}.mt-5{margin-top:2.5rem !important}.mt-6{margin-top:3rem !important}.mt-auto{margin-top:auto !important}.mr-0{margin-right:0 !important}.mr-1{margin-right:.5rem !important}.mr-1\.5{margin-right:.75rem !important}.mr-2{margin-right:1rem !important}.mr-3{margin-right:1.5rem !important}.mr-4{margin-right:2rem !important}.mr-5{margin-right:2.5rem !important}.mr-6{margin-right:3rem !important}.mr-auto{margin-right:auto !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:.5rem !important}.mb-1\.5{margin-bottom:.75rem !important}.mb-2{margin-bottom:1rem !important}.mb-3{margin-bottom:1.5rem !important}.mb-4{margin-bottom:2rem !important}.mb-5{margin-bottom:2.5rem !important}.mb-6{margin-bottom:3rem !important}.mb-auto{margin-bottom:auto !important}.ml-0{margin-left:0 !important}.ml-1{margin-left:.5rem !important}.ml-1\.5{margin-left:.75rem !important}.ml-2{margin-left:1rem !important}.ml-3{margin-left:1.5rem !important}.ml-4{margin-left:2rem !important}.ml-5{margin-left:2.5rem !important}.ml-6{margin-left:3rem !important}.ml-auto{margin-left:auto !important}.p-0{padding:0 !important}.p-1{padding:.5rem !important}.p-1\.5{padding:.75rem !important}.p-2{padding:1rem !important}.p-3{padding:1.5rem !important}.p-4{padding:2rem !important}.p-5{padding:2.5rem !important}.p-6{padding:3rem !important}.px-0{padding-right:0 !important;padding-left:0 !important}.px-1{padding-right:.5rem !important;padding-left:.5rem !important}.px-1\.5{padding-right:.75rem !important;padding-left:.75rem !important}.px-2{padding-right:1rem !important;padding-left:1rem !important}.px-3{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-4{padding-right:2rem !important;padding-left:2rem !important}.px-5{padding-right:2.5rem !important;padding-left:2.5rem !important}.px-6{padding-right:3rem !important;padding-left:3rem !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.py-1{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-1\.5{padding-top:.75rem !important;padding-bottom:.75rem !important}.py-2{padding-top:1rem !important;padding-bottom:1rem !important}.py-3{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-4{padding-top:2rem !important;padding-bottom:2rem !important}.py-5{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.py-6{padding-top:3rem !important;padding-bottom:3rem !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:.5rem !important}.pt-1\.5{padding-top:.75rem !important}.pt-2{padding-top:1rem !important}.pt-3{padding-top:1.5rem !important}.pt-4{padding-top:2rem !important}.pt-5{padding-top:2.5rem !important}.pt-6{padding-top:3rem !important}.pr-0{padding-right:0 !important}.pr-1{padding-right:.5rem !important}.pr-1\.5{padding-right:.75rem !important}.pr-2{padding-right:1rem !important}.pr-3{padding-right:1.5rem !important}.pr-4{padding-right:2rem !important}.pr-5{padding-right:2.5rem !important}.pr-6{padding-right:3rem !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:.5rem !important}.pb-1\.5{padding-bottom:.75rem !important}.pb-2{padding-bottom:1rem !important}.pb-3{padding-bottom:1.5rem !important}.pb-4{padding-bottom:2rem !important}.pb-5{padding-bottom:2.5rem !important}.pb-6{padding-bottom:3rem !important}.pl-0{padding-left:0 !important}.pl-1{padding-left:.5rem !important}.pl-1\.5{padding-left:.75rem !important}.pl-2{padding-left:1rem !important}.pl-3{padding-left:1.5rem !important}.pl-4{padding-left:2rem !important}.pl-5{padding-left:2.5rem !important}.pl-6{padding-left:3rem !important}.gap-0{gap:0 !important}.gap-1{gap:.5rem !important}.gap-1\.5{gap:.75rem !important}.gap-2{gap:1rem !important}.gap-3{gap:1.5rem !important}.gap-4{gap:2rem !important}.gap-5{gap:2.5rem !important}.gap-6{gap:3rem !important}.row-gap-0{row-gap:0 !important}.row-gap-1{row-gap:.5rem !important}.row-gap-1\.5{row-gap:.75rem !important}.row-gap-2{row-gap:1rem !important}.row-gap-3{row-gap:1.5rem !important}.row-gap-4{row-gap:2rem !important}.row-gap-5{row-gap:2.5rem !important}.row-gap-6{row-gap:3rem !important}.column-gap-0{column-gap:0 !important}.column-gap-1{column-gap:.5rem !important}.column-gap-1\.5{column-gap:.75rem !important}.column-gap-2{column-gap:1rem !important}.column-gap-3{column-gap:1.5rem !important}.column-gap-4{column-gap:2rem !important}.column-gap-5{column-gap:2.5rem !important}.column-gap-6{column-gap:3rem !important}@media(min-width: 576px){.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-grid{display:grid !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}.d-sm-none{display:none !important}.flex-sm-fill{flex:1 1 auto !important}.flex-sm-row{flex-direction:row !important}.flex-sm-column{flex-direction:column !important}.flex-sm-row-reverse{flex-direction:row-reverse !important}.flex-sm-column-reverse{flex-direction:column-reverse !important}.flex-sm-grow-0{flex-grow:0 !important}.flex-sm-grow-1{flex-grow:1 !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-shrink-1{flex-shrink:1 !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-sm-start{justify-content:flex-start !important}.justify-content-sm-end{justify-content:flex-end !important}.justify-content-sm-center{justify-content:center !important}.justify-content-sm-between{justify-content:space-between !important}.justify-content-sm-around{justify-content:space-around !important}.justify-content-sm-evenly{justify-content:space-evenly !important}.align-items-sm-start{align-items:flex-start !important}.align-items-sm-end{align-items:flex-end !important}.align-items-sm-center{align-items:center !important}.align-items-sm-baseline{align-items:baseline !important}.align-items-sm-stretch{align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}.order-sm-first{order:-1 !important}.order-sm-0{order:0 !important}.order-sm-1{order:1 !important}.order-sm-2{order:2 !important}.order-sm-3{order:3 !important}.order-sm-4{order:4 !important}.order-sm-5{order:5 !important}.order-sm-last{order:6 !important}.m-sm-0{margin:0 !important}.m-sm-1{margin:.5rem !important}.m-sm-1\.5{margin:.75rem !important}.m-sm-2{margin:1rem !important}.m-sm-3{margin:1.5rem !important}.m-sm-4{margin:2rem !important}.m-sm-5{margin:2.5rem !important}.m-sm-6{margin:3rem !important}.m-sm-auto{margin:auto !important}.mx-sm-0{margin-right:0 !important;margin-left:0 !important}.mx-sm-1{margin-right:.5rem !important;margin-left:.5rem !important}.mx-sm-1\.5{margin-right:.75rem !important;margin-left:.75rem !important}.mx-sm-2{margin-right:1rem !important;margin-left:1rem !important}.mx-sm-3{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-sm-4{margin-right:2rem !important;margin-left:2rem !important}.mx-sm-5{margin-right:2.5rem !important;margin-left:2.5rem !important}.mx-sm-6{margin-right:3rem !important;margin-left:3rem !important}.mx-sm-auto{margin-right:auto !important;margin-left:auto !important}.my-sm-0{margin-top:0 !important;margin-bottom:0 !important}.my-sm-1{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-sm-1\.5{margin-top:.75rem !important;margin-bottom:.75rem !important}.my-sm-2{margin-top:1rem !important;margin-bottom:1rem !important}.my-sm-3{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-sm-4{margin-top:2rem !important;margin-bottom:2rem !important}.my-sm-5{margin-top:2.5rem !important;margin-bottom:2.5rem !important}.my-sm-6{margin-top:3rem !important;margin-bottom:3rem !important}.my-sm-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-sm-0{margin-top:0 !important}.mt-sm-1{margin-top:.5rem !important}.mt-sm-1\.5{margin-top:.75rem !important}.mt-sm-2{margin-top:1rem !important}.mt-sm-3{margin-top:1.5rem !important}.mt-sm-4{margin-top:2rem !important}.mt-sm-5{margin-top:2.5rem !important}.mt-sm-6{margin-top:3rem !important}.mt-sm-auto{margin-top:auto !important}.mr-sm-0{margin-right:0 !important}.mr-sm-1{margin-right:.5rem !important}.mr-sm-1\.5{margin-right:.75rem !important}.mr-sm-2{margin-right:1rem !important}.mr-sm-3{margin-right:1.5rem !important}.mr-sm-4{margin-right:2rem !important}.mr-sm-5{margin-right:2.5rem !important}.mr-sm-6{margin-right:3rem !important}.mr-sm-auto{margin-right:auto !important}.mb-sm-0{margin-bottom:0 !important}.mb-sm-1{margin-bottom:.5rem !important}.mb-sm-1\.5{margin-bottom:.75rem !important}.mb-sm-2{margin-bottom:1rem !important}.mb-sm-3{margin-bottom:1.5rem !important}.mb-sm-4{margin-bottom:2rem !important}.mb-sm-5{margin-bottom:2.5rem !important}.mb-sm-6{margin-bottom:3rem !important}.mb-sm-auto{margin-bottom:auto !important}.ml-sm-0{margin-left:0 !important}.ml-sm-1{margin-left:.5rem !important}.ml-sm-1\.5{margin-left:.75rem !important}.ml-sm-2{margin-left:1rem !important}.ml-sm-3{margin-left:1.5rem !important}.ml-sm-4{margin-left:2rem !important}.ml-sm-5{margin-left:2.5rem !important}.ml-sm-6{margin-left:3rem !important}.ml-sm-auto{margin-left:auto !important}.p-sm-0{padding:0 !important}.p-sm-1{padding:.5rem !important}.p-sm-1\.5{padding:.75rem !important}.p-sm-2{padding:1rem !important}.p-sm-3{padding:1.5rem !important}.p-sm-4{padding:2rem !important}.p-sm-5{padding:2.5rem !important}.p-sm-6{padding:3rem !important}.px-sm-0{padding-right:0 !important;padding-left:0 !important}.px-sm-1{padding-right:.5rem !important;padding-left:.5rem !important}.px-sm-1\.5{padding-right:.75rem !important;padding-left:.75rem !important}.px-sm-2{padding-right:1rem !important;padding-left:1rem !important}.px-sm-3{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-sm-4{padding-right:2rem !important;padding-left:2rem !important}.px-sm-5{padding-right:2.5rem !important;padding-left:2.5rem !important}.px-sm-6{padding-right:3rem !important;padding-left:3rem !important}.py-sm-0{padding-top:0 !important;padding-bottom:0 !important}.py-sm-1{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-sm-1\.5{padding-top:.75rem !important;padding-bottom:.75rem !important}.py-sm-2{padding-top:1rem !important;padding-bottom:1rem !important}.py-sm-3{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-sm-4{padding-top:2rem !important;padding-bottom:2rem !important}.py-sm-5{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.py-sm-6{padding-top:3rem !important;padding-bottom:3rem !important}.pt-sm-0{padding-top:0 !important}.pt-sm-1{padding-top:.5rem !important}.pt-sm-1\.5{padding-top:.75rem !important}.pt-sm-2{padding-top:1rem !important}.pt-sm-3{padding-top:1.5rem !important}.pt-sm-4{padding-top:2rem !important}.pt-sm-5{padding-top:2.5rem !important}.pt-sm-6{padding-top:3rem !important}.pr-sm-0{padding-right:0 !important}.pr-sm-1{padding-right:.5rem !important}.pr-sm-1\.5{padding-right:.75rem !important}.pr-sm-2{padding-right:1rem !important}.pr-sm-3{padding-right:1.5rem !important}.pr-sm-4{padding-right:2rem !important}.pr-sm-5{padding-right:2.5rem !important}.pr-sm-6{padding-right:3rem !important}.pb-sm-0{padding-bottom:0 !important}.pb-sm-1{padding-bottom:.5rem !important}.pb-sm-1\.5{padding-bottom:.75rem !important}.pb-sm-2{padding-bottom:1rem !important}.pb-sm-3{padding-bottom:1.5rem !important}.pb-sm-4{padding-bottom:2rem !important}.pb-sm-5{padding-bottom:2.5rem !important}.pb-sm-6{padding-bottom:3rem !important}.pl-sm-0{padding-left:0 !important}.pl-sm-1{padding-left:.5rem !important}.pl-sm-1\.5{padding-left:.75rem !important}.pl-sm-2{padding-left:1rem !important}.pl-sm-3{padding-left:1.5rem !important}.pl-sm-4{padding-left:2rem !important}.pl-sm-5{padding-left:2.5rem !important}.pl-sm-6{padding-left:3rem !important}.gap-sm-0{gap:0 !important}.gap-sm-1{gap:.5rem !important}.gap-sm-1\.5{gap:.75rem !important}.gap-sm-2{gap:1rem !important}.gap-sm-3{gap:1.5rem !important}.gap-sm-4{gap:2rem !important}.gap-sm-5{gap:2.5rem !important}.gap-sm-6{gap:3rem !important}.row-gap-sm-0{row-gap:0 !important}.row-gap-sm-1{row-gap:.5rem !important}.row-gap-sm-1\.5{row-gap:.75rem !important}.row-gap-sm-2{row-gap:1rem !important}.row-gap-sm-3{row-gap:1.5rem !important}.row-gap-sm-4{row-gap:2rem !important}.row-gap-sm-5{row-gap:2.5rem !important}.row-gap-sm-6{row-gap:3rem !important}.column-gap-sm-0{column-gap:0 !important}.column-gap-sm-1{column-gap:.5rem !important}.column-gap-sm-1\.5{column-gap:.75rem !important}.column-gap-sm-2{column-gap:1rem !important}.column-gap-sm-3{column-gap:1.5rem !important}.column-gap-sm-4{column-gap:2rem !important}.column-gap-sm-5{column-gap:2.5rem !important}.column-gap-sm-6{column-gap:3rem !important}}@media(min-width: 768px){.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-grid{display:grid !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}.d-md-none{display:none !important}.flex-md-fill{flex:1 1 auto !important}.flex-md-row{flex-direction:row !important}.flex-md-column{flex-direction:column !important}.flex-md-row-reverse{flex-direction:row-reverse !important}.flex-md-column-reverse{flex-direction:column-reverse !important}.flex-md-grow-0{flex-grow:0 !important}.flex-md-grow-1{flex-grow:1 !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-shrink-1{flex-shrink:1 !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-md-start{justify-content:flex-start !important}.justify-content-md-end{justify-content:flex-end !important}.justify-content-md-center{justify-content:center !important}.justify-content-md-between{justify-content:space-between !important}.justify-content-md-around{justify-content:space-around !important}.justify-content-md-evenly{justify-content:space-evenly !important}.align-items-md-start{align-items:flex-start !important}.align-items-md-end{align-items:flex-end !important}.align-items-md-center{align-items:center !important}.align-items-md-baseline{align-items:baseline !important}.align-items-md-stretch{align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}.order-md-first{order:-1 !important}.order-md-0{order:0 !important}.order-md-1{order:1 !important}.order-md-2{order:2 !important}.order-md-3{order:3 !important}.order-md-4{order:4 !important}.order-md-5{order:5 !important}.order-md-last{order:6 !important}.m-md-0{margin:0 !important}.m-md-1{margin:.5rem !important}.m-md-1\.5{margin:.75rem !important}.m-md-2{margin:1rem !important}.m-md-3{margin:1.5rem !important}.m-md-4{margin:2rem !important}.m-md-5{margin:2.5rem !important}.m-md-6{margin:3rem !important}.m-md-auto{margin:auto !important}.mx-md-0{margin-right:0 !important;margin-left:0 !important}.mx-md-1{margin-right:.5rem !important;margin-left:.5rem !important}.mx-md-1\.5{margin-right:.75rem !important;margin-left:.75rem !important}.mx-md-2{margin-right:1rem !important;margin-left:1rem !important}.mx-md-3{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-md-4{margin-right:2rem !important;margin-left:2rem !important}.mx-md-5{margin-right:2.5rem !important;margin-left:2.5rem !important}.mx-md-6{margin-right:3rem !important;margin-left:3rem !important}.mx-md-auto{margin-right:auto !important;margin-left:auto !important}.my-md-0{margin-top:0 !important;margin-bottom:0 !important}.my-md-1{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-md-1\.5{margin-top:.75rem !important;margin-bottom:.75rem !important}.my-md-2{margin-top:1rem !important;margin-bottom:1rem !important}.my-md-3{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-md-4{margin-top:2rem !important;margin-bottom:2rem !important}.my-md-5{margin-top:2.5rem !important;margin-bottom:2.5rem !important}.my-md-6{margin-top:3rem !important;margin-bottom:3rem !important}.my-md-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-md-0{margin-top:0 !important}.mt-md-1{margin-top:.5rem !important}.mt-md-1\.5{margin-top:.75rem !important}.mt-md-2{margin-top:1rem !important}.mt-md-3{margin-top:1.5rem !important}.mt-md-4{margin-top:2rem !important}.mt-md-5{margin-top:2.5rem !important}.mt-md-6{margin-top:3rem !important}.mt-md-auto{margin-top:auto !important}.mr-md-0{margin-right:0 !important}.mr-md-1{margin-right:.5rem !important}.mr-md-1\.5{margin-right:.75rem !important}.mr-md-2{margin-right:1rem !important}.mr-md-3{margin-right:1.5rem !important}.mr-md-4{margin-right:2rem !important}.mr-md-5{margin-right:2.5rem !important}.mr-md-6{margin-right:3rem !important}.mr-md-auto{margin-right:auto !important}.mb-md-0{margin-bottom:0 !important}.mb-md-1{margin-bottom:.5rem !important}.mb-md-1\.5{margin-bottom:.75rem !important}.mb-md-2{margin-bottom:1rem !important}.mb-md-3{margin-bottom:1.5rem !important}.mb-md-4{margin-bottom:2rem !important}.mb-md-5{margin-bottom:2.5rem !important}.mb-md-6{margin-bottom:3rem !important}.mb-md-auto{margin-bottom:auto !important}.ml-md-0{margin-left:0 !important}.ml-md-1{margin-left:.5rem !important}.ml-md-1\.5{margin-left:.75rem !important}.ml-md-2{margin-left:1rem !important}.ml-md-3{margin-left:1.5rem !important}.ml-md-4{margin-left:2rem !important}.ml-md-5{margin-left:2.5rem !important}.ml-md-6{margin-left:3rem !important}.ml-md-auto{margin-left:auto !important}.p-md-0{padding:0 !important}.p-md-1{padding:.5rem !important}.p-md-1\.5{padding:.75rem !important}.p-md-2{padding:1rem !important}.p-md-3{padding:1.5rem !important}.p-md-4{padding:2rem !important}.p-md-5{padding:2.5rem !important}.p-md-6{padding:3rem !important}.px-md-0{padding-right:0 !important;padding-left:0 !important}.px-md-1{padding-right:.5rem !important;padding-left:.5rem !important}.px-md-1\.5{padding-right:.75rem !important;padding-left:.75rem !important}.px-md-2{padding-right:1rem !important;padding-left:1rem !important}.px-md-3{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-md-4{padding-right:2rem !important;padding-left:2rem !important}.px-md-5{padding-right:2.5rem !important;padding-left:2.5rem !important}.px-md-6{padding-right:3rem !important;padding-left:3rem !important}.py-md-0{padding-top:0 !important;padding-bottom:0 !important}.py-md-1{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-md-1\.5{padding-top:.75rem !important;padding-bottom:.75rem !important}.py-md-2{padding-top:1rem !important;padding-bottom:1rem !important}.py-md-3{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-md-4{padding-top:2rem !important;padding-bottom:2rem !important}.py-md-5{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.py-md-6{padding-top:3rem !important;padding-bottom:3rem !important}.pt-md-0{padding-top:0 !important}.pt-md-1{padding-top:.5rem !important}.pt-md-1\.5{padding-top:.75rem !important}.pt-md-2{padding-top:1rem !important}.pt-md-3{padding-top:1.5rem !important}.pt-md-4{padding-top:2rem !important}.pt-md-5{padding-top:2.5rem !important}.pt-md-6{padding-top:3rem !important}.pr-md-0{padding-right:0 !important}.pr-md-1{padding-right:.5rem !important}.pr-md-1\.5{padding-right:.75rem !important}.pr-md-2{padding-right:1rem !important}.pr-md-3{padding-right:1.5rem !important}.pr-md-4{padding-right:2rem !important}.pr-md-5{padding-right:2.5rem !important}.pr-md-6{padding-right:3rem !important}.pb-md-0{padding-bottom:0 !important}.pb-md-1{padding-bottom:.5rem !important}.pb-md-1\.5{padding-bottom:.75rem !important}.pb-md-2{padding-bottom:1rem !important}.pb-md-3{padding-bottom:1.5rem !important}.pb-md-4{padding-bottom:2rem !important}.pb-md-5{padding-bottom:2.5rem !important}.pb-md-6{padding-bottom:3rem !important}.pl-md-0{padding-left:0 !important}.pl-md-1{padding-left:.5rem !important}.pl-md-1\.5{padding-left:.75rem !important}.pl-md-2{padding-left:1rem !important}.pl-md-3{padding-left:1.5rem !important}.pl-md-4{padding-left:2rem !important}.pl-md-5{padding-left:2.5rem !important}.pl-md-6{padding-left:3rem !important}.gap-md-0{gap:0 !important}.gap-md-1{gap:.5rem !important}.gap-md-1\.5{gap:.75rem !important}.gap-md-2{gap:1rem !important}.gap-md-3{gap:1.5rem !important}.gap-md-4{gap:2rem !important}.gap-md-5{gap:2.5rem !important}.gap-md-6{gap:3rem !important}.row-gap-md-0{row-gap:0 !important}.row-gap-md-1{row-gap:.5rem !important}.row-gap-md-1\.5{row-gap:.75rem !important}.row-gap-md-2{row-gap:1rem !important}.row-gap-md-3{row-gap:1.5rem !important}.row-gap-md-4{row-gap:2rem !important}.row-gap-md-5{row-gap:2.5rem !important}.row-gap-md-6{row-gap:3rem !important}.column-gap-md-0{column-gap:0 !important}.column-gap-md-1{column-gap:.5rem !important}.column-gap-md-1\.5{column-gap:.75rem !important}.column-gap-md-2{column-gap:1rem !important}.column-gap-md-3{column-gap:1.5rem !important}.column-gap-md-4{column-gap:2rem !important}.column-gap-md-5{column-gap:2.5rem !important}.column-gap-md-6{column-gap:3rem !important}}@media(min-width: 992px){.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-grid{display:grid !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:flex !important}.d-lg-inline-flex{display:inline-flex !important}.d-lg-none{display:none !important}.flex-lg-fill{flex:1 1 auto !important}.flex-lg-row{flex-direction:row !important}.flex-lg-column{flex-direction:column !important}.flex-lg-row-reverse{flex-direction:row-reverse !important}.flex-lg-column-reverse{flex-direction:column-reverse !important}.flex-lg-grow-0{flex-grow:0 !important}.flex-lg-grow-1{flex-grow:1 !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-shrink-1{flex-shrink:1 !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-lg-start{justify-content:flex-start !important}.justify-content-lg-end{justify-content:flex-end !important}.justify-content-lg-center{justify-content:center !important}.justify-content-lg-between{justify-content:space-between !important}.justify-content-lg-around{justify-content:space-around !important}.justify-content-lg-evenly{justify-content:space-evenly !important}.align-items-lg-start{align-items:flex-start !important}.align-items-lg-end{align-items:flex-end !important}.align-items-lg-center{align-items:center !important}.align-items-lg-baseline{align-items:baseline !important}.align-items-lg-stretch{align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}.order-lg-first{order:-1 !important}.order-lg-0{order:0 !important}.order-lg-1{order:1 !important}.order-lg-2{order:2 !important}.order-lg-3{order:3 !important}.order-lg-4{order:4 !important}.order-lg-5{order:5 !important}.order-lg-last{order:6 !important}.m-lg-0{margin:0 !important}.m-lg-1{margin:.5rem !important}.m-lg-1\.5{margin:.75rem !important}.m-lg-2{margin:1rem !important}.m-lg-3{margin:1.5rem !important}.m-lg-4{margin:2rem !important}.m-lg-5{margin:2.5rem !important}.m-lg-6{margin:3rem !important}.m-lg-auto{margin:auto !important}.mx-lg-0{margin-right:0 !important;margin-left:0 !important}.mx-lg-1{margin-right:.5rem !important;margin-left:.5rem !important}.mx-lg-1\.5{margin-right:.75rem !important;margin-left:.75rem !important}.mx-lg-2{margin-right:1rem !important;margin-left:1rem !important}.mx-lg-3{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-lg-4{margin-right:2rem !important;margin-left:2rem !important}.mx-lg-5{margin-right:2.5rem !important;margin-left:2.5rem !important}.mx-lg-6{margin-right:3rem !important;margin-left:3rem !important}.mx-lg-auto{margin-right:auto !important;margin-left:auto !important}.my-lg-0{margin-top:0 !important;margin-bottom:0 !important}.my-lg-1{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-lg-1\.5{margin-top:.75rem !important;margin-bottom:.75rem !important}.my-lg-2{margin-top:1rem !important;margin-bottom:1rem !important}.my-lg-3{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-lg-4{margin-top:2rem !important;margin-bottom:2rem !important}.my-lg-5{margin-top:2.5rem !important;margin-bottom:2.5rem !important}.my-lg-6{margin-top:3rem !important;margin-bottom:3rem !important}.my-lg-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-lg-0{margin-top:0 !important}.mt-lg-1{margin-top:.5rem !important}.mt-lg-1\.5{margin-top:.75rem !important}.mt-lg-2{margin-top:1rem !important}.mt-lg-3{margin-top:1.5rem !important}.mt-lg-4{margin-top:2rem !important}.mt-lg-5{margin-top:2.5rem !important}.mt-lg-6{margin-top:3rem !important}.mt-lg-auto{margin-top:auto !important}.mr-lg-0{margin-right:0 !important}.mr-lg-1{margin-right:.5rem !important}.mr-lg-1\.5{margin-right:.75rem !important}.mr-lg-2{margin-right:1rem !important}.mr-lg-3{margin-right:1.5rem !important}.mr-lg-4{margin-right:2rem !important}.mr-lg-5{margin-right:2.5rem !important}.mr-lg-6{margin-right:3rem !important}.mr-lg-auto{margin-right:auto !important}.mb-lg-0{margin-bottom:0 !important}.mb-lg-1{margin-bottom:.5rem !important}.mb-lg-1\.5{margin-bottom:.75rem !important}.mb-lg-2{margin-bottom:1rem !important}.mb-lg-3{margin-bottom:1.5rem !important}.mb-lg-4{margin-bottom:2rem !important}.mb-lg-5{margin-bottom:2.5rem !important}.mb-lg-6{margin-bottom:3rem !important}.mb-lg-auto{margin-bottom:auto !important}.ml-lg-0{margin-left:0 !important}.ml-lg-1{margin-left:.5rem !important}.ml-lg-1\.5{margin-left:.75rem !important}.ml-lg-2{margin-left:1rem !important}.ml-lg-3{margin-left:1.5rem !important}.ml-lg-4{margin-left:2rem !important}.ml-lg-5{margin-left:2.5rem !important}.ml-lg-6{margin-left:3rem !important}.ml-lg-auto{margin-left:auto !important}.p-lg-0{padding:0 !important}.p-lg-1{padding:.5rem !important}.p-lg-1\.5{padding:.75rem !important}.p-lg-2{padding:1rem !important}.p-lg-3{padding:1.5rem !important}.p-lg-4{padding:2rem !important}.p-lg-5{padding:2.5rem !important}.p-lg-6{padding:3rem !important}.px-lg-0{padding-right:0 !important;padding-left:0 !important}.px-lg-1{padding-right:.5rem !important;padding-left:.5rem !important}.px-lg-1\.5{padding-right:.75rem !important;padding-left:.75rem !important}.px-lg-2{padding-right:1rem !important;padding-left:1rem !important}.px-lg-3{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-lg-4{padding-right:2rem !important;padding-left:2rem !important}.px-lg-5{padding-right:2.5rem !important;padding-left:2.5rem !important}.px-lg-6{padding-right:3rem !important;padding-left:3rem !important}.py-lg-0{padding-top:0 !important;padding-bottom:0 !important}.py-lg-1{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-lg-1\.5{padding-top:.75rem !important;padding-bottom:.75rem !important}.py-lg-2{padding-top:1rem !important;padding-bottom:1rem !important}.py-lg-3{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-lg-4{padding-top:2rem !important;padding-bottom:2rem !important}.py-lg-5{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.py-lg-6{padding-top:3rem !important;padding-bottom:3rem !important}.pt-lg-0{padding-top:0 !important}.pt-lg-1{padding-top:.5rem !important}.pt-lg-1\.5{padding-top:.75rem !important}.pt-lg-2{padding-top:1rem !important}.pt-lg-3{padding-top:1.5rem !important}.pt-lg-4{padding-top:2rem !important}.pt-lg-5{padding-top:2.5rem !important}.pt-lg-6{padding-top:3rem !important}.pr-lg-0{padding-right:0 !important}.pr-lg-1{padding-right:.5rem !important}.pr-lg-1\.5{padding-right:.75rem !important}.pr-lg-2{padding-right:1rem !important}.pr-lg-3{padding-right:1.5rem !important}.pr-lg-4{padding-right:2rem !important}.pr-lg-5{padding-right:2.5rem !important}.pr-lg-6{padding-right:3rem !important}.pb-lg-0{padding-bottom:0 !important}.pb-lg-1{padding-bottom:.5rem !important}.pb-lg-1\.5{padding-bottom:.75rem !important}.pb-lg-2{padding-bottom:1rem !important}.pb-lg-3{padding-bottom:1.5rem !important}.pb-lg-4{padding-bottom:2rem !important}.pb-lg-5{padding-bottom:2.5rem !important}.pb-lg-6{padding-bottom:3rem !important}.pl-lg-0{padding-left:0 !important}.pl-lg-1{padding-left:.5rem !important}.pl-lg-1\.5{padding-left:.75rem !important}.pl-lg-2{padding-left:1rem !important}.pl-lg-3{padding-left:1.5rem !important}.pl-lg-4{padding-left:2rem !important}.pl-lg-5{padding-left:2.5rem !important}.pl-lg-6{padding-left:3rem !important}.gap-lg-0{gap:0 !important}.gap-lg-1{gap:.5rem !important}.gap-lg-1\.5{gap:.75rem !important}.gap-lg-2{gap:1rem !important}.gap-lg-3{gap:1.5rem !important}.gap-lg-4{gap:2rem !important}.gap-lg-5{gap:2.5rem !important}.gap-lg-6{gap:3rem !important}.row-gap-lg-0{row-gap:0 !important}.row-gap-lg-1{row-gap:.5rem !important}.row-gap-lg-1\.5{row-gap:.75rem !important}.row-gap-lg-2{row-gap:1rem !important}.row-gap-lg-3{row-gap:1.5rem !important}.row-gap-lg-4{row-gap:2rem !important}.row-gap-lg-5{row-gap:2.5rem !important}.row-gap-lg-6{row-gap:3rem !important}.column-gap-lg-0{column-gap:0 !important}.column-gap-lg-1{column-gap:.5rem !important}.column-gap-lg-1\.5{column-gap:.75rem !important}.column-gap-lg-2{column-gap:1rem !important}.column-gap-lg-3{column-gap:1.5rem !important}.column-gap-lg-4{column-gap:2rem !important}.column-gap-lg-5{column-gap:2.5rem !important}.column-gap-lg-6{column-gap:3rem !important}}@media(min-width: 1200px){.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-grid{display:grid !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:flex !important}.d-xl-inline-flex{display:inline-flex !important}.d-xl-none{display:none !important}.flex-xl-fill{flex:1 1 auto !important}.flex-xl-row{flex-direction:row !important}.flex-xl-column{flex-direction:column !important}.flex-xl-row-reverse{flex-direction:row-reverse !important}.flex-xl-column-reverse{flex-direction:column-reverse !important}.flex-xl-grow-0{flex-grow:0 !important}.flex-xl-grow-1{flex-grow:1 !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-shrink-1{flex-shrink:1 !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-xl-start{justify-content:flex-start !important}.justify-content-xl-end{justify-content:flex-end !important}.justify-content-xl-center{justify-content:center !important}.justify-content-xl-between{justify-content:space-between !important}.justify-content-xl-around{justify-content:space-around !important}.justify-content-xl-evenly{justify-content:space-evenly !important}.align-items-xl-start{align-items:flex-start !important}.align-items-xl-end{align-items:flex-end !important}.align-items-xl-center{align-items:center !important}.align-items-xl-baseline{align-items:baseline !important}.align-items-xl-stretch{align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}.order-xl-first{order:-1 !important}.order-xl-0{order:0 !important}.order-xl-1{order:1 !important}.order-xl-2{order:2 !important}.order-xl-3{order:3 !important}.order-xl-4{order:4 !important}.order-xl-5{order:5 !important}.order-xl-last{order:6 !important}.m-xl-0{margin:0 !important}.m-xl-1{margin:.5rem !important}.m-xl-1\.5{margin:.75rem !important}.m-xl-2{margin:1rem !important}.m-xl-3{margin:1.5rem !important}.m-xl-4{margin:2rem !important}.m-xl-5{margin:2.5rem !important}.m-xl-6{margin:3rem !important}.m-xl-auto{margin:auto !important}.mx-xl-0{margin-right:0 !important;margin-left:0 !important}.mx-xl-1{margin-right:.5rem !important;margin-left:.5rem !important}.mx-xl-1\.5{margin-right:.75rem !important;margin-left:.75rem !important}.mx-xl-2{margin-right:1rem !important;margin-left:1rem !important}.mx-xl-3{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-xl-4{margin-right:2rem !important;margin-left:2rem !important}.mx-xl-5{margin-right:2.5rem !important;margin-left:2.5rem !important}.mx-xl-6{margin-right:3rem !important;margin-left:3rem !important}.mx-xl-auto{margin-right:auto !important;margin-left:auto !important}.my-xl-0{margin-top:0 !important;margin-bottom:0 !important}.my-xl-1{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-xl-1\.5{margin-top:.75rem !important;margin-bottom:.75rem !important}.my-xl-2{margin-top:1rem !important;margin-bottom:1rem !important}.my-xl-3{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-xl-4{margin-top:2rem !important;margin-bottom:2rem !important}.my-xl-5{margin-top:2.5rem !important;margin-bottom:2.5rem !important}.my-xl-6{margin-top:3rem !important;margin-bottom:3rem !important}.my-xl-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-xl-0{margin-top:0 !important}.mt-xl-1{margin-top:.5rem !important}.mt-xl-1\.5{margin-top:.75rem !important}.mt-xl-2{margin-top:1rem !important}.mt-xl-3{margin-top:1.5rem !important}.mt-xl-4{margin-top:2rem !important}.mt-xl-5{margin-top:2.5rem !important}.mt-xl-6{margin-top:3rem !important}.mt-xl-auto{margin-top:auto !important}.mr-xl-0{margin-right:0 !important}.mr-xl-1{margin-right:.5rem !important}.mr-xl-1\.5{margin-right:.75rem !important}.mr-xl-2{margin-right:1rem !important}.mr-xl-3{margin-right:1.5rem !important}.mr-xl-4{margin-right:2rem !important}.mr-xl-5{margin-right:2.5rem !important}.mr-xl-6{margin-right:3rem !important}.mr-xl-auto{margin-right:auto !important}.mb-xl-0{margin-bottom:0 !important}.mb-xl-1{margin-bottom:.5rem !important}.mb-xl-1\.5{margin-bottom:.75rem !important}.mb-xl-2{margin-bottom:1rem !important}.mb-xl-3{margin-bottom:1.5rem !important}.mb-xl-4{margin-bottom:2rem !important}.mb-xl-5{margin-bottom:2.5rem !important}.mb-xl-6{margin-bottom:3rem !important}.mb-xl-auto{margin-bottom:auto !important}.ml-xl-0{margin-left:0 !important}.ml-xl-1{margin-left:.5rem !important}.ml-xl-1\.5{margin-left:.75rem !important}.ml-xl-2{margin-left:1rem !important}.ml-xl-3{margin-left:1.5rem !important}.ml-xl-4{margin-left:2rem !important}.ml-xl-5{margin-left:2.5rem !important}.ml-xl-6{margin-left:3rem !important}.ml-xl-auto{margin-left:auto !important}.p-xl-0{padding:0 !important}.p-xl-1{padding:.5rem !important}.p-xl-1\.5{padding:.75rem !important}.p-xl-2{padding:1rem !important}.p-xl-3{padding:1.5rem !important}.p-xl-4{padding:2rem !important}.p-xl-5{padding:2.5rem !important}.p-xl-6{padding:3rem !important}.px-xl-0{padding-right:0 !important;padding-left:0 !important}.px-xl-1{padding-right:.5rem !important;padding-left:.5rem !important}.px-xl-1\.5{padding-right:.75rem !important;padding-left:.75rem !important}.px-xl-2{padding-right:1rem !important;padding-left:1rem !important}.px-xl-3{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-xl-4{padding-right:2rem !important;padding-left:2rem !important}.px-xl-5{padding-right:2.5rem !important;padding-left:2.5rem !important}.px-xl-6{padding-right:3rem !important;padding-left:3rem !important}.py-xl-0{padding-top:0 !important;padding-bottom:0 !important}.py-xl-1{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-xl-1\.5{padding-top:.75rem !important;padding-bottom:.75rem !important}.py-xl-2{padding-top:1rem !important;padding-bottom:1rem !important}.py-xl-3{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-xl-4{padding-top:2rem !important;padding-bottom:2rem !important}.py-xl-5{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.py-xl-6{padding-top:3rem !important;padding-bottom:3rem !important}.pt-xl-0{padding-top:0 !important}.pt-xl-1{padding-top:.5rem !important}.pt-xl-1\.5{padding-top:.75rem !important}.pt-xl-2{padding-top:1rem !important}.pt-xl-3{padding-top:1.5rem !important}.pt-xl-4{padding-top:2rem !important}.pt-xl-5{padding-top:2.5rem !important}.pt-xl-6{padding-top:3rem !important}.pr-xl-0{padding-right:0 !important}.pr-xl-1{padding-right:.5rem !important}.pr-xl-1\.5{padding-right:.75rem !important}.pr-xl-2{padding-right:1rem !important}.pr-xl-3{padding-right:1.5rem !important}.pr-xl-4{padding-right:2rem !important}.pr-xl-5{padding-right:2.5rem !important}.pr-xl-6{padding-right:3rem !important}.pb-xl-0{padding-bottom:0 !important}.pb-xl-1{padding-bottom:.5rem !important}.pb-xl-1\.5{padding-bottom:.75rem !important}.pb-xl-2{padding-bottom:1rem !important}.pb-xl-3{padding-bottom:1.5rem !important}.pb-xl-4{padding-bottom:2rem !important}.pb-xl-5{padding-bottom:2.5rem !important}.pb-xl-6{padding-bottom:3rem !important}.pl-xl-0{padding-left:0 !important}.pl-xl-1{padding-left:.5rem !important}.pl-xl-1\.5{padding-left:.75rem !important}.pl-xl-2{padding-left:1rem !important}.pl-xl-3{padding-left:1.5rem !important}.pl-xl-4{padding-left:2rem !important}.pl-xl-5{padding-left:2.5rem !important}.pl-xl-6{padding-left:3rem !important}.gap-xl-0{gap:0 !important}.gap-xl-1{gap:.5rem !important}.gap-xl-1\.5{gap:.75rem !important}.gap-xl-2{gap:1rem !important}.gap-xl-3{gap:1.5rem !important}.gap-xl-4{gap:2rem !important}.gap-xl-5{gap:2.5rem !important}.gap-xl-6{gap:3rem !important}.row-gap-xl-0{row-gap:0 !important}.row-gap-xl-1{row-gap:.5rem !important}.row-gap-xl-1\.5{row-gap:.75rem !important}.row-gap-xl-2{row-gap:1rem !important}.row-gap-xl-3{row-gap:1.5rem !important}.row-gap-xl-4{row-gap:2rem !important}.row-gap-xl-5{row-gap:2.5rem !important}.row-gap-xl-6{row-gap:3rem !important}.column-gap-xl-0{column-gap:0 !important}.column-gap-xl-1{column-gap:.5rem !important}.column-gap-xl-1\.5{column-gap:.75rem !important}.column-gap-xl-2{column-gap:1rem !important}.column-gap-xl-3{column-gap:1.5rem !important}.column-gap-xl-4{column-gap:2rem !important}.column-gap-xl-5{column-gap:2.5rem !important}.column-gap-xl-6{column-gap:3rem !important}}@media(min-width: 1400px){.d-xxl-inline{display:inline !important}.d-xxl-inline-block{display:inline-block !important}.d-xxl-block{display:block !important}.d-xxl-grid{display:grid !important}.d-xxl-table{display:table !important}.d-xxl-table-row{display:table-row !important}.d-xxl-table-cell{display:table-cell !important}.d-xxl-flex{display:flex !important}.d-xxl-inline-flex{display:inline-flex !important}.d-xxl-none{display:none !important}.flex-xxl-fill{flex:1 1 auto !important}.flex-xxl-row{flex-direction:row !important}.flex-xxl-column{flex-direction:column !important}.flex-xxl-row-reverse{flex-direction:row-reverse !important}.flex-xxl-column-reverse{flex-direction:column-reverse !important}.flex-xxl-grow-0{flex-grow:0 !important}.flex-xxl-grow-1{flex-grow:1 !important}.flex-xxl-shrink-0{flex-shrink:0 !important}.flex-xxl-shrink-1{flex-shrink:1 !important}.flex-xxl-wrap{flex-wrap:wrap !important}.flex-xxl-nowrap{flex-wrap:nowrap !important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse !important}.justify-content-xxl-start{justify-content:flex-start !important}.justify-content-xxl-end{justify-content:flex-end !important}.justify-content-xxl-center{justify-content:center !important}.justify-content-xxl-between{justify-content:space-between !important}.justify-content-xxl-around{justify-content:space-around !important}.justify-content-xxl-evenly{justify-content:space-evenly !important}.align-items-xxl-start{align-items:flex-start !important}.align-items-xxl-end{align-items:flex-end !important}.align-items-xxl-center{align-items:center !important}.align-items-xxl-baseline{align-items:baseline !important}.align-items-xxl-stretch{align-items:stretch !important}.align-content-xxl-start{align-content:flex-start !important}.align-content-xxl-end{align-content:flex-end !important}.align-content-xxl-center{align-content:center !important}.align-content-xxl-between{align-content:space-between !important}.align-content-xxl-around{align-content:space-around !important}.align-content-xxl-stretch{align-content:stretch !important}.align-self-xxl-auto{align-self:auto !important}.align-self-xxl-start{align-self:flex-start !important}.align-self-xxl-end{align-self:flex-end !important}.align-self-xxl-center{align-self:center !important}.align-self-xxl-baseline{align-self:baseline !important}.align-self-xxl-stretch{align-self:stretch !important}.order-xxl-first{order:-1 !important}.order-xxl-0{order:0 !important}.order-xxl-1{order:1 !important}.order-xxl-2{order:2 !important}.order-xxl-3{order:3 !important}.order-xxl-4{order:4 !important}.order-xxl-5{order:5 !important}.order-xxl-last{order:6 !important}.m-xxl-0{margin:0 !important}.m-xxl-1{margin:.5rem !important}.m-xxl-1\.5{margin:.75rem !important}.m-xxl-2{margin:1rem !important}.m-xxl-3{margin:1.5rem !important}.m-xxl-4{margin:2rem !important}.m-xxl-5{margin:2.5rem !important}.m-xxl-6{margin:3rem !important}.m-xxl-auto{margin:auto !important}.mx-xxl-0{margin-right:0 !important;margin-left:0 !important}.mx-xxl-1{margin-right:.5rem !important;margin-left:.5rem !important}.mx-xxl-1\.5{margin-right:.75rem !important;margin-left:.75rem !important}.mx-xxl-2{margin-right:1rem !important;margin-left:1rem !important}.mx-xxl-3{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-xxl-4{margin-right:2rem !important;margin-left:2rem !important}.mx-xxl-5{margin-right:2.5rem !important;margin-left:2.5rem !important}.mx-xxl-6{margin-right:3rem !important;margin-left:3rem !important}.mx-xxl-auto{margin-right:auto !important;margin-left:auto !important}.my-xxl-0{margin-top:0 !important;margin-bottom:0 !important}.my-xxl-1{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-xxl-1\.5{margin-top:.75rem !important;margin-bottom:.75rem !important}.my-xxl-2{margin-top:1rem !important;margin-bottom:1rem !important}.my-xxl-3{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-xxl-4{margin-top:2rem !important;margin-bottom:2rem !important}.my-xxl-5{margin-top:2.5rem !important;margin-bottom:2.5rem !important}.my-xxl-6{margin-top:3rem !important;margin-bottom:3rem !important}.my-xxl-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-xxl-0{margin-top:0 !important}.mt-xxl-1{margin-top:.5rem !important}.mt-xxl-1\.5{margin-top:.75rem !important}.mt-xxl-2{margin-top:1rem !important}.mt-xxl-3{margin-top:1.5rem !important}.mt-xxl-4{margin-top:2rem !important}.mt-xxl-5{margin-top:2.5rem !important}.mt-xxl-6{margin-top:3rem !important}.mt-xxl-auto{margin-top:auto !important}.mr-xxl-0{margin-right:0 !important}.mr-xxl-1{margin-right:.5rem !important}.mr-xxl-1\.5{margin-right:.75rem !important}.mr-xxl-2{margin-right:1rem !important}.mr-xxl-3{margin-right:1.5rem !important}.mr-xxl-4{margin-right:2rem !important}.mr-xxl-5{margin-right:2.5rem !important}.mr-xxl-6{margin-right:3rem !important}.mr-xxl-auto{margin-right:auto !important}.mb-xxl-0{margin-bottom:0 !important}.mb-xxl-1{margin-bottom:.5rem !important}.mb-xxl-1\.5{margin-bottom:.75rem !important}.mb-xxl-2{margin-bottom:1rem !important}.mb-xxl-3{margin-bottom:1.5rem !important}.mb-xxl-4{margin-bottom:2rem !important}.mb-xxl-5{margin-bottom:2.5rem !important}.mb-xxl-6{margin-bottom:3rem !important}.mb-xxl-auto{margin-bottom:auto !important}.ml-xxl-0{margin-left:0 !important}.ml-xxl-1{margin-left:.5rem !important}.ml-xxl-1\.5{margin-left:.75rem !important}.ml-xxl-2{margin-left:1rem !important}.ml-xxl-3{margin-left:1.5rem !important}.ml-xxl-4{margin-left:2rem !important}.ml-xxl-5{margin-left:2.5rem !important}.ml-xxl-6{margin-left:3rem !important}.ml-xxl-auto{margin-left:auto !important}.p-xxl-0{padding:0 !important}.p-xxl-1{padding:.5rem !important}.p-xxl-1\.5{padding:.75rem !important}.p-xxl-2{padding:1rem !important}.p-xxl-3{padding:1.5rem !important}.p-xxl-4{padding:2rem !important}.p-xxl-5{padding:2.5rem !important}.p-xxl-6{padding:3rem !important}.px-xxl-0{padding-right:0 !important;padding-left:0 !important}.px-xxl-1{padding-right:.5rem !important;padding-left:.5rem !important}.px-xxl-1\.5{padding-right:.75rem !important;padding-left:.75rem !important}.px-xxl-2{padding-right:1rem !important;padding-left:1rem !important}.px-xxl-3{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-xxl-4{padding-right:2rem !important;padding-left:2rem !important}.px-xxl-5{padding-right:2.5rem !important;padding-left:2.5rem !important}.px-xxl-6{padding-right:3rem !important;padding-left:3rem !important}.py-xxl-0{padding-top:0 !important;padding-bottom:0 !important}.py-xxl-1{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-xxl-1\.5{padding-top:.75rem !important;padding-bottom:.75rem !important}.py-xxl-2{padding-top:1rem !important;padding-bottom:1rem !important}.py-xxl-3{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-xxl-4{padding-top:2rem !important;padding-bottom:2rem !important}.py-xxl-5{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.py-xxl-6{padding-top:3rem !important;padding-bottom:3rem !important}.pt-xxl-0{padding-top:0 !important}.pt-xxl-1{padding-top:.5rem !important}.pt-xxl-1\.5{padding-top:.75rem !important}.pt-xxl-2{padding-top:1rem !important}.pt-xxl-3{padding-top:1.5rem !important}.pt-xxl-4{padding-top:2rem !important}.pt-xxl-5{padding-top:2.5rem !important}.pt-xxl-6{padding-top:3rem !important}.pr-xxl-0{padding-right:0 !important}.pr-xxl-1{padding-right:.5rem !important}.pr-xxl-1\.5{padding-right:.75rem !important}.pr-xxl-2{padding-right:1rem !important}.pr-xxl-3{padding-right:1.5rem !important}.pr-xxl-4{padding-right:2rem !important}.pr-xxl-5{padding-right:2.5rem !important}.pr-xxl-6{padding-right:3rem !important}.pb-xxl-0{padding-bottom:0 !important}.pb-xxl-1{padding-bottom:.5rem !important}.pb-xxl-1\.5{padding-bottom:.75rem !important}.pb-xxl-2{padding-bottom:1rem !important}.pb-xxl-3{padding-bottom:1.5rem !important}.pb-xxl-4{padding-bottom:2rem !important}.pb-xxl-5{padding-bottom:2.5rem !important}.pb-xxl-6{padding-bottom:3rem !important}.pl-xxl-0{padding-left:0 !important}.pl-xxl-1{padding-left:.5rem !important}.pl-xxl-1\.5{padding-left:.75rem !important}.pl-xxl-2{padding-left:1rem !important}.pl-xxl-3{padding-left:1.5rem !important}.pl-xxl-4{padding-left:2rem !important}.pl-xxl-5{padding-left:2.5rem !important}.pl-xxl-6{padding-left:3rem !important}.gap-xxl-0{gap:0 !important}.gap-xxl-1{gap:.5rem !important}.gap-xxl-1\.5{gap:.75rem !important}.gap-xxl-2{gap:1rem !important}.gap-xxl-3{gap:1.5rem !important}.gap-xxl-4{gap:2rem !important}.gap-xxl-5{gap:2.5rem !important}.gap-xxl-6{gap:3rem !important}.row-gap-xxl-0{row-gap:0 !important}.row-gap-xxl-1{row-gap:.5rem !important}.row-gap-xxl-1\.5{row-gap:.75rem !important}.row-gap-xxl-2{row-gap:1rem !important}.row-gap-xxl-3{row-gap:1.5rem !important}.row-gap-xxl-4{row-gap:2rem !important}.row-gap-xxl-5{row-gap:2.5rem !important}.row-gap-xxl-6{row-gap:3rem !important}.column-gap-xxl-0{column-gap:0 !important}.column-gap-xxl-1{column-gap:.5rem !important}.column-gap-xxl-1\.5{column-gap:.75rem !important}.column-gap-xxl-2{column-gap:1rem !important}.column-gap-xxl-3{column-gap:1.5rem !important}.column-gap-xxl-4{column-gap:2rem !important}.column-gap-xxl-5{column-gap:2.5rem !important}.column-gap-xxl-6{column-gap:3rem !important}}@media print{.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-block{display:block !important}.d-print-grid{display:grid !important}.d-print-table{display:table !important}.d-print-table-row{display:table-row !important}.d-print-table-cell{display:table-cell !important}.d-print-flex{display:flex !important}.d-print-inline-flex{display:inline-flex !important}.d-print-none{display:none !important}}@font-face{font-family:"Figtree";src:url(https://appstatic.moqups.com/dashassets/9a094e288196fe8be7e8.woff2);font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:"Figtree";src:url(https://appstatic.moqups.com/dashassets/6f974b06b73219987c46.woff2);font-weight:300 900;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans";src:url(https://appstatic.moqups.com/dashassets/b5feef566c99ad2b6850.woff2);font-weight:200 1000;font-style:normal;font-display:swap}@font-face{font-family:"Nunito Sans";src:url(https://appstatic.moqups.com/dashassets/928d90e6518aeb2c9a90.woff2);font-weight:200 1000;font-style:italic;font-display:swap}@keyframes bounce{0%,20%,60%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}80%{transform:translateY(-5px)}}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -90deg);opacity:.5}to{transform-origin:center;transform:rotate3d(0, 0, 1, 0deg);opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes backgroundShimmer{0%{background-position:-668px 0}100%{background-position:468px 0}}:root,.theme-white{--moqups-display: Figtree, Helvetica, Arial, sans-Serif;--moqups-font: Nunito Sans, Helvetica, Arial, sans-Serif;--moqups-font-serif: Georgia, serif;--moqups-code: Source Code Pro, Consolas, monospace;--link-color: #1071f2;--link-hover-color: #185dcb;--link-underline-color: transparent;--heading-color: #29323d;--active-color: #1071f2;--body-color: #3b4754;--body-muted-color: rgba(59, 71, 84, 0.5);--body-line-height: 1.48;--body-bg: #fff;--sticky-header-height: calc(4.75rem + 2px);--table-active-bg: #f7f8f9;--table-border-light-color: #eef1f5;--table-border-color: #dee4eb;--tab-bg: #eef1f5;--tab-active-color: #29323d;--tab-active-bg: #fff;--tab-active-border: rgba(0, 25, 50, 0.5);--dropdown-bg: #fff;--dropdown-color: #29323d;--dropdown-hover-color: #185dcb;--dropdown-hover-bg: #f1f7fd;--button-bg: #eef1f5;--button-color: #29323d;--button-hover-bg: #dee4eb;--button-main-bg: #1071f2;--button-main-color: #fff;--button-main-hover-bg: #1068dd;--input-bg: #fff;--input-color: #29323d;--input-active-color: #1071f2;--input-placeholder-color: #9fafc1;--input-border-color: #c9d3dd;--well-bg: #f7f8f9;--well-color: #29323d;--well-border-color: rgba(0, 0, 0, 0.06);--well-icon-color: #29323d;--footer-heading-color: #5a6e81;--footer-link-color: #798da3;--footer-link-hover-color: #677d92;--container-filter: none}html{font-size:16px}body{font-family:var(--moqups-font);color:var(--body-color);background:var(--body-bg);font-weight:400}main{min-height:20rem}@keyframes bounce{0%,20%,60%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}80%{transform:translateY(-5px)}}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -90deg);opacity:.5}to{transform-origin:center;transform:rotate3d(0, 0, 1, 0deg);opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes backgroundShimmer{0%{background-position:-668px 0}100%{background-position:468px 0}}b,strong,.text-bold{font-weight:700}i{font-style:italic}a,a:visited{color:var(--link-color);text-decoration:underline;text-decoration-color:var(--link-underline-color);transition:color .2s cubic-bezier(0.23, 1, 0.32, 1)}a:active,a:focus,a:hover{color:var(--link-hover-color)}kbd,.content code{font-family:"Source Code Pro",Consolas,monospace;font-size:1rem;font-weight:500;position:relative;bottom:1px;margin:0 .125rem 0 0;padding:.125rem .5rem .1rem;border:1px solid rgba(121,141,163,.25);border-radius:.25rem;background:rgba(222,228,235,.25);box-shadow:1px 1px 0 rgba(59,71,84,.4)}.content pre{background:#f7f8f9;color:#3b4754;border:1px solid rgba(201,211,221,.25);padding:.75rem;line-height:1.4;margin-bottom:1.25rem;border-radius:.5rem}.content pre code{padding:0;font-size:.875rem;border:0;box-shadow:0;background:none;box-shadow:none}hr{margin:2rem 0;opacity:.15;background-color:currentColor}.content-markdown hr{max-width:4.5rem;margin:3rem 0 1.75rem;height:.188rem;border-radius:3rem;opacity:1;background-color:currentColor}hr.thick{max-width:6rem;margin:2rem auto 1.75rem;height:.25rem;border-radius:5rem;opacity:.25;background-color:var(--link-color)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h2\.5,.h3,.h4,.h4\.5,.h5,.h6{font-family:var(--moqups-display);font-weight:675;line-height:1.3;letter-spacing:-0.12pt;color:var(--heading-color)}h1,.h1{font-size:2.75rem;font-weight:710;margin:2rem 0;letter-spacing:-0.4pt;line-height:1.24}h1.d1,.h1.d1{font-size:5rem;font-weight:750;line-height:1.2}h1.d2,.h1.d2{font-size:4.25rem;font-weight:750;line-height:1.24}h1.d2\.5,.h1.d2\.5{font-size:3.5rem;line-height:1.24}h1.d3,.h1.d3{font-size:3rem;line-height:1.24}h2,.h2{font-size:2.125rem;font-weight:700;margin:1.5rem 0}.h2\.5{font-size:1.875rem;font-weight:700;margin:1.5rem 0}h3,.h3{font-size:1.5rem;font-weight:700;margin:1.375rem 0}h4,.h4{font-size:1.188rem;margin:1rem 0;letter-spacing:0pt}.h4\.5{font-size:1rem;margin:1rem 0;letter-spacing:0pt}h5,.h5{font-size:.875rem;margin:.875rem 0;letter-spacing:.23pt;text-transform:uppercase}h6,.h6{font-size:.75rem;margin:.875rem 0;letter-spacing:.4pt;text-transform:uppercase}p{font-size:1.125rem;line-height:var(--body-line-height);margin-bottom:1rem}p.h1,p.h2,p.h3,p.h4,p.h5,p.h6{margin-top:0;margin-bottom:1rem}p.subtitle{opacity:.75;font-size:1.25rem}p.lead{font-size:1.375rem;font-weight:500}.text-tight{line-height:1.1 !important}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-breakable span{display:inline-block}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis}.h-link a{color:var(--heading-color);text-decoration:none}.h-link a:hover{color:var(--link-hover-color)}blockquote{font-weight:500;padding:.625rem .5rem .625rem 1.5rem;border-left:3px solid var(--table-border-color);font-style:italic;margin-bottom:1rem}blockquote p{margin-bottom:0;font-size:1.125rem}p+h2,p+.h2,p+h3,p+.h3,p+h4,p+.h4,p+h5,p+.h5,p+h6,p+.h6,ul+h2,ul+.h2,ul+h3,ul+.h3,ul+h4,ul+.h4,ul+h5,ul+.h5,ul+h6,ul+.h6,ol+h2,ol+.h2,ol+h3,ol+.h3,ol+h4,ol+.h4,ol+h5,ol+.h5,ol+h6,ol+.h6{margin-top:2.75rem}span.h1,span.h2,span.h3,span.h4,span.h5,span.h6{margin-top:0;margin-bottom:0}.link-muted{-webkit-appearance:none;appearance:none;color:currentColor;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:.1875rem;transition:color .2s cubic-bezier(0.23, 1, 0.32, 1),text-underline-offset .2s cubic-bezier(0.23, 1, 0.32, 1)}.link-muted:hover{opacity:.9;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:.3125rem;background:none}.content ul:not([class]),.content ol:not([class]),.content dl:not([class]),.list{margin-bottom:1.5rem;font-size:1.125rem}.content ul:not([class]) li,.content ol:not([class]) li,.content dl:not([class]) li,.list li{line-height:var(--body-line-height);margin-bottom:.75rem}.content ul:not([class]) li:last-child,.content ol:not([class]) li:last-child,.content dl:not([class]) li:last-child,.list li:last-child{margin-bottom:0}.content ul:not([class]) li ol,.content ul:not([class]) li ul,.content ol:not([class]) li ol,.content ol:not([class]) li ul,.content dl:not([class]) li ol,.content dl:not([class]) li ul,.list li ol,.list li ul{margin-top:.75rem}.content ul:not([class]) span.list-or,.content ol:not([class]) span.list-or,.content dl:not([class]) span.list-or,.list span.list-or{font-weight:600;display:block;margin:1rem 0;text-transform:uppercase}.content ul:not([class]).list-cons li,.content ul:not([class]).list-pros li,.content ol:not([class]).list-cons li,.content ol:not([class]).list-pros li,.content dl:not([class]).list-cons li,.content dl:not([class]).list-pros li,.list.list-cons li,.list.list-pros li{position:relative;list-style-type:none}.content ul:not([class]).list-cons li::before,.content ul:not([class]).list-pros li::before,.content ol:not([class]).list-cons li::before,.content ol:not([class]).list-pros li::before,.content dl:not([class]).list-cons li::before,.content dl:not([class]).list-pros li::before,.list.list-cons li::before,.list.list-pros li::before{content:"";font-family:"Source Code Pro",Consolas,monospace;width:1.125em;height:1.125em;font-weight:bold;position:absolute;background-repeat:no-repeat;top:.15em;left:-1.5em;background-size:cover}.content ul:not([class]).list-pros li::before,.content ol:not([class]).list-pros li::before,.content dl:not([class]).list-pros li::before,.list.list-pros li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27%3E%3Cpath stroke=%27%231180f1%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.75%27 d=%27M3.333 8.667 6 11.333l6.667-6.666%27/%3E%3C/svg%3E");filter:var(--container-filter)}.content ul:not([class]).list-cons li::before,.content ol:not([class]).list-cons li::before,.content dl:not([class]).list-cons li::before,.list.list-cons li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3E%3Cpath stroke=%27%23f45f20%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.75%27 d=%27m4 12 8-8M4 4l8 8%27/%3E%3C/svg%3E");filter:var(--container-filter)}.content ul:not([class]) li,ul.list li{margin-left:1.5em;list-style-type:disc}.content ol:not([class]),ol.list{counter-reset:item}.content ol:not([class])>li,ol.list>li{position:relative;margin-left:1.5em;counter-increment:item}.content ol:not([class])>li:before,ol.list>li:before{position:absolute;right:.65em;margin-right:100%;content:counters(item, ".") ". "}.content ol:not([class])>li ol,ol.list>li ol{margin-left:.6em}.content ol:not([class])>li ol>li:before,ol.list>li ol>li:before{content:counters(item, ".") " "}.content dl,dl.list{font-size:1.25rem}.content dl dt,dl.list dt{font-weight:600}.content dl dd,dl.list dd{margin-bottom:.75em;margin-left:1em}.content ul.list-of-icons li{list-style-type:none;margin-left:0;display:flex;align-items:flex-start;gap:1rem}.content ul.list-of-icons .icon{width:3rem;height:3rem;background:var(--tab-bg);border-radius:.5rem;display:flex;flex:none;align-items:center;justify-content:center;font-size:1.25rem;color:var(--tab-color)}.content ul.list-of-icons .icon svg path{fill:currentColor !important}.text-body,.text-body:visited{color:var(--body-color)}.text-muted{color:var(--body-muted-color)}.text-error{color:#f54c52;font-weight:500}.text-lg{font-size:1.188rem}.text-sm{font-size:1rem}.text-xs{font-size:.875rem}.text-gradient{--gradient-start: var(--body-muted-color);--gradient-end: var(--body-color);background-image:linear-gradient(to top, var(--gradient-start) 0%, var(--gradient-end) 60%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.text-shadow{text-shadow:1px 1px 20px var(--body-bg)}.no-underline{text-decoration:none}.tags{display:inline-flex;gap:.5rem}.tags .tag{font-family:var(--moqups-display);font-size:.75rem;font-weight:600;position:relative;display:flex;align-items:center;gap:.5rem;z-index:0;overflow:hidden;padding:.25rem .5rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;color:var(--body-muted-color);border-radius:.25rem;background:var(--tab-bg)}.tags .tag.tag-primary{background:#fef69b;color:#29323d;font-weight:700}.tags .tag.tag-secondary{background:#ffb093;color:#29323d}.tags .tag.tag-success{background:#b0dd71;color:#1e7300}.tags .tag.tag-error{background:rgba(245,76,82,.18);color:#f54c52}.tags .tag .icon{--icon-size: 1em;margin-top:-1px}.tags.tags-md .tag{font-size:.75rem}.content-blog p{font-size:1.188rem}@media(min-width: 768px){.h1-md{font-size:2.75rem;font-weight:700;margin:2rem 0;letter-spacing:-0.4pt}.h3-md{font-size:2.75rem;font-weight:750;margin:2rem 0;letter-spacing:-0.4pt}}@media(min-width: 991px){.h1-lg{font-size:2.75rem;font-weight:700;margin:2rem 0;letter-spacing:-0.4pt}.h2\.5-lg{font-size:1.875rem;font-weight:700;margin:1.5rem 0}}@media(min-width: 1200px){.h1-xl{font-size:2.75rem;font-weight:710;margin:2rem 0;letter-spacing:-0.4pt}.h2\.5-xl{font-size:1.875rem;font-weight:700;margin:1.5rem 0}}@media(min-width: 1400px){h1,.h1{font-size:2.75rem;font-weight:710;margin:2rem 0;letter-spacing:-0.4pt}h1.d1-xxl,.h1.d1-xxl{font-size:5rem;font-weight:750}h1.d2-xxl,.h1.d2-xxl{font-size:4.25rem;font-weight:750}h1.d2\.5-xxl,.h1.d2\.5-xxl{font-size:3.25rem}h1.d3-xxl,.h1.d3-xxl{font-size:3rem}}@media(max-width: 576px){h1.d1,.h1.d1{font-size:3rem}h1.d2,.h1.d2{font-size:3rem}h1.d2\.5,.h1.d2\.5{font-size:3rem}h1.d3,.h1.d3{font-size:3rem}}@keyframes bounce{0%,20%,60%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}80%{transform:translateY(-5px)}}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -90deg);opacity:.5}to{transform-origin:center;transform:rotate3d(0, 0, 1, 0deg);opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes backgroundShimmer{0%{background-position:-668px 0}100%{background-position:468px 0}}a.skip-link,a.skip-link:visited{background-color:#ffe533;border:solid 2px #000;color:#29323d;padding:.5rem 1rem;text-decoration:none;top:.5rem;position:absolute;left:0;z-index:52}a.skip-link:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}a:focus-visible,button:focus-visible,details summary:focus-visible,input[type=checkbox]:focus-visible:before,select:focus-visible{outline:1px solid var(--link-color);outline-offset:2px}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute !important}.container-max-xxl{max-width:1320px}.container-max-xl{max-width:var(--bs-breakpoint-xl)}.container-max-lg{max-width:var(--bs-breakpoint-lg)}.container-max-md{max-width:var(--bs-breakpoint-md)}.container-max-sm{max-width:var(--bs-breakpoint-sm)}.opacity-75{opacity:.75}.opacity-60{opacity:.6}.opacity-50{opacity:.5}.h-100{height:100%}.w-100{width:100%}.text-left{text-align:left !important}.text-center{text-align:center !important}.position-relative{position:relative}.position-absolute{position:absolute}@media(min-width: 576px){.text-sm-left{text-align:left !important}.text-sm-center{text-align:center !important}}@media(min-width: 768px){.text-md-left{text-align:left !important}.text-md-center{text-align:center !important}.w-md-100{width:100%}.w-md-auto{width:auto}}@media(min-width: 992px){.text-lg-left{text-align:left !important}.text-lg-center{text-align:center !important}}@media(min-width: 1200px){.text-xl-left{text-align:left !important}.text-xl-center{text-align:center !important}}@keyframes bounce{0%,20%,60%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}80%{transform:translateY(-5px)}}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -90deg);opacity:.5}to{transform-origin:center;transform:rotate3d(0, 0, 1, 0deg);opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes backgroundShimmer{0%{background-position:-668px 0}100%{background-position:468px 0}}.dropdown-wrapper{position:relative}.dropdown{position:absolute;top:100%;left:-1.25rem;min-width:13rem;width:-webkit-max-content;width:max-content;color:var(--dropdown-color);background:var(--dropdown-bg);padding:.75rem;border:1px solid rgba(0,0,0,.07);border-radius:.5rem;box-shadow:0 .5rem 1.25rem rgba(0,0,0,.2);z-index:100}.dropdown.right{left:auto;right:-1.25rem}.dropdown.narrow{min-width:8rem}.dropdown li{width:100%}.dropdown li>a{display:flex;width:100%;font-size:.938rem;color:var(--dropdown-color);font-family:"Nunito Sans",Helvetica,Arial,sans-Serif;font-weight:400;padding:.563rem 1rem .563rem .5rem;border-radius:.375rem;transition:color .2s cubic-bezier(0.23, 1, 0.32, 1),background-color .2s cubic-bezier(0.23, 1, 0.32, 1)}.dropdown li>a:hover,.dropdown li>a:focus{background:var(--dropdown-hover-bg);color:var(--dropdown-hover-color)}.dropdown li.label span{display:flex;width:100%;font-size:.938rem;color:var(--dropdown-color);opacity:.75;padding:.563rem 1rem .563rem .5rem}.dropdown li.separator::after{content:"";height:1px;width:100%;display:block;background:var(--tab-bg);padding:0;margin:.75rem .5rem}button[aria-expanded]+.dropdown{display:flex;flex-direction:column}button[aria-expanded=false]+.dropdown{display:none}@media(hover: hover){.dropdown-wrapper:hover button[aria-expanded]+.dropdown[data-dropdown-hover]{display:flex}}@keyframes bounce{0%,20%,60%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}80%{transform:translateY(-5px)}}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -90deg);opacity:.5}to{transform-origin:center;transform:rotate3d(0, 0, 1, 0deg);opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes backgroundShimmer{0%{background-position:-668px 0}100%{background-position:468px 0}}.input{display:flex;flex-direction:row;max-width:24rem;margin:.5rem 0;justify-content:flex-start;--icon-size: 1.25rem}.input form{display:flex;flex-direction:row;width:100%}.input input[type=text],.input input[type=email],.input input[type=password],.input input[type=file],.input select,.input textarea{font-family:var(--moqups-display);font-size:1rem;line-height:1.2;display:block;box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:.563rem .625rem;transition:border-color .5s cubic-bezier(0.23, 1, 0.32, 1);color:var(--input-color);border:1.5px solid var(--input-border-color);border-radius:.375rem;background:var(--input-bg);-webkit-appearance:none;appearance:none}.input input[type=text]::placeholder,.input input[type=email]::placeholder,.input input[type=password]::placeholder,.input input[type=file]::placeholder,.input select::placeholder,.input textarea::placeholder{color:var(--input-placeholder-color)}.input input[type=text]:placeholder-shown,.input input[type=email]:placeholder-shown,.input input[type=password]:placeholder-shown,.input input[type=file]:placeholder-shown,.input select:placeholder-shown,.input textarea:placeholder-shown{text-overflow:ellipsis}.input input[type=text]:hover,.input input[type=email]:hover,.input input[type=password]:hover,.input input[type=file]:hover,.input select:hover,.input textarea:hover{--input-border-color: var(--input-placeholder-color)}.input input[type=text]:active,.input input[type=text]:focus,.input input[type=email]:active,.input input[type=email]:focus,.input input[type=password]:active,.input input[type=password]:focus,.input input[type=file]:active,.input input[type=file]:focus,.input select:active,.input select:focus,.input textarea:active,.input textarea:focus{--input-border-color: var(--input-active-color)}.input input[type=file]:hover,.input select:hover{cursor:pointer}.input.input-no-border{--input-border-color: transparent;--input-active-color: var(--input-color)}.input.input-lg{--icon-size: 1.5rem}.input.input-lg input[type=text],.input.input-lg input[type=email],.input.input-lg input[type=password],.input.input-lg select,.input.input-lg textarea{font-size:1.25rem;padding:1.063rem .625rem;border-radius:.5rem}.input.input-sm{--icon-size: 1rem}.input.input-sm input[type=text],.input.input-sm input[type=email],.input.input-sm input[type=password],.input.input-sm select,.input.input-sm textarea{font-size:.875rem;padding:.438rem .625rem}.input.input-round input[type=text],.input.input-round input[type=email],.input.input-round input[type=password],.input.input-round select,.input.input-round textarea{border-radius:2rem}.input.input-icon-left,.input.input-icon-right,.input.input-icon-both{position:relative}.input.input-icon-left svg,.input.input-icon-left .input-button,.input.input-icon-right svg,.input.input-icon-right .input-button,.input.input-icon-both svg,.input.input-icon-both .input-button{color:var(--body-color);position:absolute;top:calc(50% - var(--icon-size)*.5);min-width:var(--icon-size);height:var(--icon-size);pointer-events:none}.input.input-icon-left:focus-within svg,.input.input-icon-right:focus-within svg,.input.input-icon-both:focus-within svg{color:var(--input-active-color)}.input.input-icon-left input[type=text],.input.input-icon-left input[type=email],.input.input-icon-left input[type=password],.input.input-icon-left select,.input.input-icon-left textarea{padding-left:calc(var(--icon-size)*1.75)}.input.input-icon-left svg,.input.input-icon-left .input-button{left:calc(var(--icon-size)*.5)}.input.input-icon-right input[type=text],.input.input-icon-right input[type=email],.input.input-icon-right input[type=password],.input.input-icon-right select,.input.input-icon-right textarea{padding-right:calc(var(--icon-size)*1.75)}.input.input-icon-right svg,.input.input-icon-right .input-button{right:calc(var(--icon-size)*.5)}.input.input-icon-both input[type=text],.input.input-icon-both input[type=email],.input.input-icon-both input[type=password],.input.input-icon-both select,.input.input-icon-both textarea{padding-left:calc(var(--icon-size)*1.75);padding-right:calc(var(--icon-size)*1.75)}.input.input-icon-both input[type=text]+svg,.input.input-icon-both input[type=text]+.input-button,.input.input-icon-both input[type=email]+svg,.input.input-icon-both input[type=email]+.input-button,.input.input-icon-both input[type=password]+svg,.input.input-icon-both input[type=password]+.input-button,.input.input-icon-both select+svg,.input.input-icon-both select+.input-button,.input.input-icon-both textarea+svg,.input.input-icon-both textarea+.input-button{left:auto;right:calc(var(--icon-size)*.5)}.input.input-icon-both svg,.input.input-icon-both .input-button{left:calc(var(--icon-size)*.5)}.input.input-block{display:flex;flex-wrap:wrap;max-width:100%}.input.input-block label{font-size:.875rem;width:100%}.input .input-button{cursor:pointer}.input .input-button svg{pointer-events:all;position:static;left:0;right:0;top:0}.input input[type=checkbox],.input input[type=radio]{margin:.5rem 0}.input input[type=checkbox]+label,.input input[type=radio]+label{font-weight:400;margin:.5rem 0 .5rem .625rem}.input input[type=checkbox]{font-size:1rem;position:relative;width:1rem;height:1rem;cursor:pointer;-webkit-appearance:none;appearance:none}.input input[type=checkbox]:before{position:absolute;top:0;left:0;display:block;width:1rem;height:1rem;content:"";border:2px solid var(--input-border-color);border-radius:.1875rem;background-color:var(--input-bg)}.input input[type=checkbox]:checked:before{border-color:var(--input-active-color);background-color:var(--input-active-color)}.input input[type=checkbox]:checked:after{position:absolute;top:.125rem;left:.375rem;display:block;width:.3125rem;height:.625rem;content:"";transform:rotate(45deg);border:solid var(--input-bg);border-width:0 .125rem .125rem 0}.input input[type=radio]{font-size:1rem;position:relative;width:1rem;height:1rem;cursor:pointer;-webkit-appearance:none;appearance:none}.input input[type=radio]:before{position:absolute;top:0;left:0;display:block;width:1rem;height:1rem;content:"";border:2px solid var(--input-border-color);border-radius:50%;background-color:var(--input-bg)}.input input[type=radio]:checked:before{border-color:var(--input-active-color)}.input input[type=radio]:checked:after{position:absolute;top:.25rem;left:.25rem;display:block;width:.5rem;height:.5rem;content:"";border-radius:50%;background-color:var(--input-active-color)}.input label{font-weight:700;margin-right:1rem}@media(max-width: 767px){.input{max-width:none}}.toggle{position:relative;display:inline-flex;flex-shrink:0;width:2.25rem;height:1.25rem;cursor:pointer}.toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle span{position:absolute;inset:0;border-radius:6rem;background:var(--input-border-color);transition:background .15s cubic-bezier(0.23, 1, 0.32, 1)}.toggle span::before{content:"";position:absolute;top:.1875rem;left:.1875rem;width:.875rem;height:.875rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .15s cubic-bezier(0.23, 1, 0.32, 1)}.toggle input[type=checkbox]:checked+span{background:var(--input-active-color)}.toggle input[type=checkbox]:checked+span::before{transform:translateX(1rem)}.toggle.toggle-sm{width:1.75rem;height:1rem}.toggle.toggle-sm span::before{width:.625rem;height:.625rem}.toggle.toggle-sm input[type=checkbox]:checked+span::before{transform:translateX(0.75rem)}.toggle.toggle-lg{width:2.75rem;height:1.5rem}.toggle.toggle-lg span::before{width:1.125rem;height:1.125rem}.toggle.toggle-lg input[type=checkbox]:checked+span::before{transform:translateX(1.25rem)}.db-toggle{position:relative;display:inline-flex;flex-shrink:0;width:2.25rem;height:1.25rem;cursor:pointer}.db-toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.db-toggle:focus-within span{box-shadow:0 0 0 2px var(--input-active-color)}.db-toggle span{position:absolute;inset:0;border-radius:6rem;background:var(--input-border-color);transition:background .15s cubic-bezier(0.23, 1, 0.32, 1)}.db-toggle span::before{content:"";position:absolute;top:.1875rem;left:.1875rem;width:.875rem;height:.875rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .15s cubic-bezier(0.23, 1, 0.32, 1)}.db-toggle input[type=checkbox]:checked+span{background:var(--input-active-color)}.db-toggle input[type=checkbox]:checked+span::before{transform:translateX(1rem)}.db-toggle.db-toggle-sm{width:1.75rem;height:1rem}.db-toggle.db-toggle-sm span::before{width:.625rem;height:.625rem}.db-toggle.db-toggle-sm input[type=checkbox]:checked+span::before{transform:translateX(0.75rem)}.db-radio-group{display:flex;align-items:center;gap:1.25rem;margin-bottom:.625rem}.db-radio-group label{display:flex;align-items:center;gap:.5rem;font-family:var(--moqups-font);color:var(--body-color);cursor:pointer}.db-radio-group input[type=radio],.db-settings-radio input[type=radio]{position:relative;width:1rem;height:1rem;cursor:pointer;-webkit-appearance:none;appearance:none;flex-shrink:0}.db-radio-group input[type=radio]:before,.db-settings-radio input[type=radio]:before{position:absolute;top:0;left:0;display:block;width:1rem;height:1rem;content:"";border:2px solid var(--input-border-color);border-radius:50%;background-color:var(--input-bg)}.db-radio-group input[type=radio]:checked:before,.db-settings-radio input[type=radio]:checked:before{border-color:var(--input-active-color)}.db-radio-group input[type=radio]:focus-visible,.db-settings-radio input[type=radio]:focus-visible{outline:none}.db-radio-group input[type=radio]:focus-visible::before,.db-settings-radio input[type=radio]:focus-visible::before{box-shadow:0 0 0 2px var(--input-active-color)}.db-radio-group input[type=radio]:checked:after,.db-settings-radio input[type=radio]:checked:after{position:absolute;top:.25rem;left:.25rem;display:block;width:.5rem;height:.5rem;content:"";border-radius:50%;background-color:var(--input-active-color)}@keyframes bounce{0%,20%,60%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}80%{transform:translateY(-5px)}}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -90deg);opacity:.5}to{transform-origin:center;transform:rotate3d(0, 0, 1, 0deg);opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes backgroundShimmer{0%{background-position:-668px 0}100%{background-position:468px 0}}.btn{--h: 0;--s: 0;--l: 0;font-family:var(--moqups-display);font-size:1rem;font-weight:650;line-height:1.1;display:inline-flex;flex-wrap:nowrap;white-space:nowrap;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none;padding:.75rem 1.5rem;transition:background-color .5s cubic-bezier(0.23, 1, 0.32, 1);color:var(--button-color);border:0;border-radius:.5rem;background:var(--button-bg)}.btn:visited{color:var(--button-color)}.btn:focus,.btn:hover{color:var(--button-color);background:var(--button-hover-bg)}.btn.btn-primary{color:#29323d;background:#ffe533;box-shadow:rgba(255,229,51,.1) 0 .3rem 2rem 0}.btn.btn-primary:focus,.btn.btn-primary:hover{color:#29323d;background:#fed62c}.btn.btn-secondary{color:#fff;background:#f45f20;box-shadow:rgba(244,95,32,.1) 0 .3rem 2rem 0}.btn.btn-secondary:focus,.btn.btn-secondary:hover{color:#fff;background:#e6581b}.btn.btn-main{color:var(--button-main-color);background:var(--button-main-bg)}.btn.btn-main:focus,.btn.btn-main:hover{color:var(--button-main-color);background:var(--button-main-hover-bg)}.btn.btn-dark{color:#fff;background:#29323d;box-shadow:rgba(41,50,61,.1) 0 .3rem 2rem 0}.btn.btn-dark:focus,.btn.btn-dark:hover{color:#fff;background:#3b4754}.btn.btn-outline{color:var(--button-color);border:2px solid var(--button-color);background:rgba(0,0,0,0);box-shadow:none;padding:calc(.75rem - 2px) 1.5rem;transition:color .2s cubic-bezier(0.23, 1, 0.32, 1),opacity .2s cubic-bezier(0.23, 1, 0.32, 1),border-color .2s cubic-bezier(0.23, 1, 0.32, 1)}.btn.btn-outline:focus,.btn.btn-outline:hover{opacity:.85;color:var(--active-color);background:rgba(0,0,0,0);border-color:var(--active-color)}.btn.btn-promo{--contrast: 66%;--switch: calc((var(--l) - var(--contrast)) * -34);--color: hsla(var(--h), var(--s), var(--switch), 0.92);--promo-bg: hsl(var(--h), var(--s), var(--l));background:var(--promo-bg);color:var(--color);box-shadow:0 .25rem .75rem hsla(var(--h), var(--s), calc(var(--l) - 10%), 0.15)}.btn.btn-promo:focus,.btn.btn-promo:hover{background:hsl(var(--h), calc(var(--s) - 5%), calc(var(--l) - 5%))}.btn.btn-text{color:var(--link-color);background:rgba(0,0,0,0)}.btn.btn-text:focus,.btn.btn-text:hover{color:var(--link-hover-color)}.btn.btn-block{display:block}.btn.btn-wide{min-width:15rem}.btn.btn-icon{padding:.5rem;--icon-size: 1.5rem}.btn.btn-icon.btn-icon-sm{padding:.625rem;--icon-size: 1.25rem}.btn.btn-icon svg{transform:translate(0px, 0px);width:var(--icon-size);height:var(--icon-size)}.btn .icon{color:currentColor}.btn.btn-icon-left,.btn.btn-icon-right{--icon-size: 1rem;gap:.675rem}.btn.btn-icon-left.btn-icon-lg,.btn.btn-icon-right.btn-icon-lg{--icon-size: 1.125rem}.btn.btn-icon-left svg,.btn.btn-icon-right svg{width:var(--icon-size);height:var(--icon-size)}.btn.btn-sm{font-size:.875rem;padding:.625rem .75rem;border-radius:.375rem}.btn.btn-sm.btn-icon{padding:.25rem;--icon-size: 1.25rem}.btn.btn-sm.btn-outline{border-width:1px;padding:calc(.625rem - 1px) .75rem}.btn.btn-md{font-size:1.125rem;padding:1rem 1.5rem;border-radius:.5rem}.btn.btn-md.btn-icon{padding:.375rem;--icon-size: 1.5rem}.btn.btn-md.btn-outline{padding:calc(1rem - 2px) 1.5rem}.btn.btn-lg{font-size:1.25rem;padding:1.25rem 2rem;border-radius:.625rem}.btn.btn-lg.btn-icon{padding:.5rem;--icon-size: 2rem}.btn.btn-lg .icon{--icon-size: 2rem}.btn.btn-lg.btn-outline{padding:calc(1.25rem - 2px) 2rem}.btn.btn-round{border-radius:3rem}.btn.shadow,.btn.shadow-md{box-shadow:.5rem .75rem 1.875rem rgba(0,15,50,.1)}.btn.shadow-xs{box-shadow:0px 2px .175rem rgba(0,15,50,.05)}.btn.shadow-sm{box-shadow:1px 3px .375rem rgba(0,15,50,.07)}.btn.shadow-lg{box-shadow:.625rem 1.875rem 1.875rem rgba(0,15,50,.1)}@keyframes bounce{0%,20%,60%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}80%{transform:translateY(-5px)}}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -90deg);opacity:.5}to{transform-origin:center;transform:rotate3d(0, 0, 1, 0deg);opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes backgroundShimmer{0%{background-position:-668px 0}100%{background-position:468px 0}}.well{--h: 0;--s: 0;--l: 0;padding:1.25rem 1.5rem;font-size:1.125rem;border-radius:.875rem;margin-bottom:1rem;background:var(--well-bg);display:block;border-bottom:1px solid var(--well-border-color);color:var(--body-color)}.well.ar-16-9{aspect-ratio:16/9}.well .icon{color:var(--well-icon-color)}.well .btn .icon{color:currentColor}.well.help-tip{--body-color: #29323d;--well-border-color: #badcff;--well-bg: #e2f1ff;--well-icon-color: #1071f2;box-shadow:0 .375rem .5rem rgba(24,62,172,.07)}.well.help-note{--body-color: #29323d;--well-border-color: #ffcfbd;--well-bg: #fbeae8;--well-icon-color: #ff7b45;box-shadow:0 .375rem .5rem rgba(59,71,84,.07)}.well.shadow,.well.help-search{box-shadow:0 .375rem .5rem rgba(59,71,84,.07)}.well.well-link{border:1px solid var(--well-border-color);transition:border .2s cubic-bezier(0.23, 1, 0.32, 1),box-shadow .2s cubic-bezier(0.23, 1, 0.32, 1)}.well.well-link:visited{color:var(--body-color)}.well.well-link:hover,.well.well-link:focus{color:var(--body-color);border-color:var(--tab-active-border);box-shadow:0 .375rem .5rem rgba(59,71,84,.07)}.well.well-sm{padding:.5rem 1rem;border-radius:.5rem}.well.well-md{padding:2rem 3rem;border-radius:1.25rem}.well.well-lg{padding:3rem 4rem;border-radius:1.5rem}.well.well-xl{padding:3.5rem 5rem;border-radius:2.5rem}.well.well-promo{--contrast: 72%;--switch: calc((var(--l) - var(--contrast)) * -34);--heading-color: hsla(var(--h), var(--s), var(--switch), 0.8);--body-muted-color: hsla(var(--h), var(--s), var(--switch), 0.6);display:flex;flex-direction:column-reverse;justify-content:center;text-align:center;position:relative;border-radius:1.5rem;border:0;--promo-bg: hsl(var(--h), var(--s), var(--l));background:var(--promo-bg);color:var(--body-muted-color);box-shadow:0 .5rem 1.5rem hsla(var(--h), var(--s), calc(var(--l) - 10%), 0.3)}.well.well-promo.well-promo-image{flex-direction:row;align-items:center;gap:3rem}.well.well-promo .promo-image{display:flex;align-items:center;justify-content:center;width:12rem;max-height:10rem}.well.well-promo .promo-image img{object-fit:contain;vertical-align:bottom;max-height:10rem}.well.well-promo .promo-content{display:flex;flex-direction:column;justify-content:center;flex-grow:1}.well.well-promo .banner-success{display:none;position:absolute;bottom:0;left:0;right:0;top:0;z-index:40;background:var(--promo-bg);border-radius:1.5rem;border:0}.well.well-promo .text-gradient{--gradient-end: hsla(var(--h), var(--s), var(--switch), 0.9);--gradient-start: hsla(var(--h), var(--s), var(--switch), 0.6)}.well.well-promo .input{--input-border-color: transparent}.well.well-comment-left{border-bottom-left-radius:.5rem}.well.well-comment-right{border-bottom-right-radius:.5rem}.well.no-shadow{box-shadow:none}.well.no-border{border:0}.well.shadow,.well.shadow-md{box-shadow:.5rem .75rem 1.875rem rgba(0,15,50,.1)}.well.shadow-xs{box-shadow:0px 2px .175rem rgba(0,15,50,.05)}.well.shadow-sm{box-shadow:1px 3px .375rem rgba(0,15,50,.07)}.well.shadow-lg{box-shadow:.625rem 1.875rem 1.875rem rgba(0,15,50,.1)}.well.well-fade-left{background-color:rgba(0,0,0,0);background-image:linear-gradient(to right, transparent, var(--well-bg))}.well.well-fade-right{background-color:rgba(0,0,0,0);background-image:linear-gradient(to left, transparent, var(--well-bg))}.well.well-sticky{position:sticky;top:1.5rem}.well kbd,.well code{background:#fff}.content-markdown .well{margin:2rem 0}.content-markdown .well+h2{margin-top:3rem}.content-markdown .well p:last-child,.content-markdown .well ol:last-child,.content-markdown .well ul:last-child{margin-bottom:0}.content-markdown .well ul li,.content-markdown .well ol li{margin-left:.875em}header.sticky+main .well.well-sticky{top:calc(var(--sticky-header-height) + 1.5rem)}@media(min-width: 991px){.well.well-lg-xl{padding:3.5rem 5rem;border-radius:2.5rem}}@media(max-width: 768px){.well.well-lg{padding:2rem 2rem}.well.well-xl{padding:3rem 2rem}}@keyframes bounce{0%,20%,60%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}80%{transform:translateY(-5px)}}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -90deg);opacity:.5}to{transform-origin:center;transform:rotate3d(0, 0, 1, 0deg);opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes backgroundShimmer{0%{background-position:-668px 0}100%{background-position:468px 0}}.image.ar-16-9 picture,.ar-16-9 img,.ar-16-9 video{aspect-ratio:16/9;height:auto;width:100%;display:inline-block}.ar-4-3 picture,.ar-4-3 img,.ar-4-3 video{aspect-ratio:4/3;height:auto;width:100%}.ar-1-1 picture,.ar-1-1 img,.ar-1-1 video{aspect-ratio:1/1;height:auto;width:100%;object-fit:contain}.ar-phone picture,.ar-phone img,.ar-phone video{aspect-ratio:9/19.5;height:auto;width:100%}.container-bg{background-repeat:no-repeat;background-position:center top;background-size:contain}.icon{--icon-size: 1.25em;display:inline-block;vertical-align:middle;width:var(--icon-size);height:var(--icon-size)}.icon svg{transform:translate(0px, 0px);width:var(--icon-size);height:var(--icon-size)}.icon.icon-native{--icon-size: inherit;width:auto;height:auto}.icon.icon-native svg{max-width:100%}.icon.icon-xl{--icon-size: 3.5rem}.icon.icon-lg{--icon-size: 2.5rem}.icon.icon-2rem{--icon-size: 2rem}.icon.icon-md{--icon-size: 1.5rem}.icon.icon-sm{--icon-size: 1rem}.icon.icon-primary{color:var(--link-color)}.icon.icon-secondary{color:#f45f20}.icon.icon-trustpilot{color:#00b67a}.icon.icon-capterra{color:#044d80}.icon.icon-muted{color:var(--body-muted-color)}.icon.icon-well{width:calc(var(--icon-size) + 3rem);height:calc(var(--icon-size) + 3rem);padding:1.25rem 1.5rem;font-size:1.125rem;border-radius:.875rem;margin-bottom:1rem;background:var(--well-bg);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--well-border-color);color:var(--body-color)}.content .image,.content .image-overlay{margin-bottom:1.5rem}.content .image-overlay .image{margin-bottom:0}.content-markdown p>img,.content-markdown p>video{display:inline-block;vertical-align:top;object-fit:contain;margin-bottom:1.25rem;border:1px solid rgba(0,15,50,.1);border-radius:.5rem;box-shadow:0px 2px .175rem rgba(0,15,50,.05)}.content-markdown p+p>img,.content-markdown p+p>video{margin-top:.5rem}.image{--img-size: 100%;--img-border-radius: 0.25rem;--img-box-shadow: none;display:flex;flex-direction:column;width:var(--img-size)}.image picture,.image video{display:flex;overflow:hidden}.image.image-center{align-items:center}.image.image-center picture{width:auto}.image img{display:inline-block;vertical-align:top;object-fit:contain}.image.image-cover>img,.image.image-cover>picture,.image.image-cover>video{object-fit:cover}.image>img,.image>picture,.image>video{border-radius:var(--img-border-radius);width:var(--img-size);height:var(--img-size);box-shadow:var(--img-box-shadow);background:var(--body-bg)}.image figcaption{font-size:.875rem;font-style:italic;line-height:1.3;margin-top:.75rem;padding:0 1rem;text-align:center;letter-spacing:-0.1pt;opacity:.5;color:var(--body-color);text-decoration:none}.image.size-lg{--img-size: 8rem}.image.size-md{--img-size: 4rem}.image.size-sm{--img-size: 2.75rem}.image.size-xs{--img-size: 2rem}.image.size-xxs{--img-size: 1rem}.image.grayscaled{filter:contrast(1.1) brightness(1.05) grayscale(1)}.image.parallax{--limit: calc(100vh / 4);--scale: 15;position:relative}.image.parallax>picture{transform:translateY(clamp(-1 * var(--limit), var(--parallaxPos) / var(--scale) * 1px, var(--limit)));will-change:transform;perspective:1rem}.image.parallax.parallax-sm{--scale: 20}.image.parallax.parallax-md{--scale: 15}.image.parallax.parallax-lg{--scale: 5}.image.elevated>img,.image.elevated picture,.image.elevated>video{border:2px solid rgba(0,15,50,.1);border-left-color:rgba(0,15,50,.05);border-right-color:rgba(0,15,50,.1);border-top-width:0}.image.bordered>img,.image.bordered picture,.image.bordered>video{border:1px solid rgba(0,15,50,.1)}.image.tinted>img,.image.tinted picture,.image.tinted>video{filter:brightness(98%)}.image.round,.image.circle{--img-border-radius: 50%}.image.rounded,.image.rounded-md{--img-border-radius: 1rem}.image.rounded-sm{--img-border-radius: 0.5rem}.image.rounded-lg{--img-border-radius: 1.5rem}.image.no-rounded{--img-border-radius: 0}.image.shadow,.image.shadow-md{--img-box-shadow: 0.5rem 0.75rem 1.875rem rgba(0, 15, 50, 0.1)}.image.shadow-xs{--img-box-shadow: 0px 2px 0.175rem rgba(0, 15, 50, 0.05)}.image.shadow-sm{--img-box-shadow: 1px 3px 0.375rem rgba(0, 15, 50, 0.07)}.image.shadow-lg{--img-box-shadow: 0.625rem 1.875rem 1.875rem rgba(0, 15, 50, 0.1)}.image.no-bg>img,.image.no-bg>picture,.image.no-bg>video{background:none}.image.align-left img{object-position:left}.image.align-right img{object-position:right}a:hover .image.bordered>img,a:hover .image.bordered picture{border:1px solid rgba(0,15,50,.2)}.image-hover{display:flex;flex-direction:column;align-items:center;container-type:inline-size}.image-overlay{display:flex;flex-direction:column;align-items:center;container-type:inline-size}.image-overlay .image{position:relative}.image-overlay figcaption{position:absolute;z-index:10;line-height:1rem;top:calc(50% - 2.25rem);text-align:center;left:0;right:0;font-family:"Figtree",Helvetica,Arial,sans-Serif;font-weight:650;color:#fff;font-style:normal;font-size:calc(.75rem + 2cqi);opacity:0;transition:opacity .2s cubic-bezier(0.23, 1, 0.32, 1),top .2s cubic-bezier(0.23, 1, 0.32, 1)}.image-overlay .image::before{content:"";border-radius:var(--img-border-radius);position:absolute;left:0;top:0;bottom:0;right:0;z-index:8;background:rgba(5,24,55,.4);box-shadow:inset 0 0 20px rgba(0,25,50,.15);opacity:0;transition:opacity .4s cubic-bezier(0.23, 1, 0.32, 1)}.image-overlay .image:hover figcaption{opacity:1;top:calc(50% - 1.25rem)}.image-overlay .image:hover::before{opacity:1}.image-overlay.image-overlay--secondary .image::before{background:rgba(16,104,221,.75)}@media(min-width: 1680px){.image.parallax{--scale: 40}.hero-image{margin-top:5%;margin-bottom:5%;transform:scale(1.2);transform-origin:center left}}@media(max-width: 576px){.image.parallax{--scale: 80}}.auth-viewport{height:100vh;min-height:100vh}@media(max-width: 576px),(max-height: 600px){.auth-viewport{height:auto;min-height:100vh}}.auth-content{gap:.75rem;padding:.5rem 2.125rem 1.25rem}.container,.container-fluid{background-color:var(--body-bg);color:var(--body-color)}.theme-blue{--link-color: #fff;--link-hover-color: #e2f1ff;--link-underline-color: #73baff;--heading-color: #fff;--active-color: #fff;--body-color: #f1f7fd;--body-muted-color: rgba(241, 247, 253, 0.5);--body-bg: #1071f2;--table-active-bg: #1068dd;--table-border-color: #185dcb;--tab-bg: rgba(0, 0, 70, 0.1);--tab-active-color: #1071f2;--tab-active-bg: #fff;--tab-active-border: #fff;--button-bg: #183eac;--button-color: #fff;--button-hover-bg: #40487c;--button-main-bg: #fff;--button-main-color: #1068dd;--button-main-hover-bg: #e2f1ff;--input-bg: #1068dd;--input-color: #fff;--input-active-color: #fff;--input-placeholder-color: #73baff;--input-border-color: #1068dd;--well-bg: #1068dd;--well-color: #f1f7fd;--well-icon-color: #f1f7fd;--footer-heading-color: #fff;--footer-link-color: #badcff;--footer-link-hover-color: #73baff;--container-filter: brightness(100)}.theme-dark{--link-color: #fff;--link-hover-color: #dee4eb;--link-underline-color: rgba(255, 255, 255, 0.2);--heading-color: #fff;--active-color: #fff;--body-color: #dee4eb;--body-muted-color: rgba(222, 228, 235, 0.5);--body-bg: #22272f;--table-active-bg: #29323d;--table-border-color: #3b4754;--tab-bg: rgba(205, 205, 255, 0.1);--tab-active-color: #22272f;--tab-active-bg: #fff;--tab-active-border: transparent;--dropdown-bg: #29323d;--dropdown-color: #dee4eb;--dropdown-hover-color: #fff;--dropdown-hover-bg: #3b4754;--button-bg: #3b4754;--button-color: #fff;--button-hover-bg: #29323d;--button-main-bg: #fff;--button-main-color: #29323d;--button-main-hover-bg: #dee4eb;--input-bg: #3b4754;--input-color: #fff;--input-active-color: #fff;--input-placeholder-color: #677d92;--input-border-color: #3b4754;--well-bg: #29323d;--well-color: #eef1f5;--well-icon-color: #eef1f5;--footer-heading-color: #c9d3dd;--footer-link-color: #798da3;--footer-link-hover-color: #677d92;--container-filter: brightness(100)}.theme-light{--body-bg: #f7f8f9;--table-active-bg: #eef1f5;--tab-bg: #eef1f5;--well-bg: #fff}.theme-purple{--body-color: #fff;--body-muted-color: #ded6ff;--heading-color: var(--body-color);--body-bg: #9077fc;--well-color: #fff;--well-bg: #7656f3;--tab-bg: rgba(0, 0, 0, 0.15);--container-filter: brightness(100)}.theme-yellow{--link-color: #185dcb;--link-hover-color: #183eac;--link-underline-color: transparent;--body-color: #22272f;--body-muted-color: rgba(34, 39, 47, 0.5);--body-bg: #fed62c;--table-active-bg: #fed62c;--table-border-color: #3b4754;--tab-bg: transparent;--input-border-color: #fff;--tab-active-border: transparent;--tab-active-bg: #29323d;--tab-active-color: #fff;--button-bg: #fcc223;--button-color: #22272f;--button-hover-bg: #fbaa19;--active-color: #5a6e81;--footer-heading-color: #29323d;--footer-link-color: #29323d;--footer-link-hover-color: #29323d;--container-filter: brightness(0)}@media(max-width: 420px){html{font-size:14px}}@media(max-width: 320px){html{font-size:12px}}
@keyframes bounce{0%,20%,60%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}80%{transform:translateY(-5px)}}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -90deg);opacity:.5}to{transform-origin:center;transform:rotate3d(0, 0, 1, 0deg);opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes backgroundShimmer{0%{background-position:-668px 0}100%{background-position:468px 0}}.db-wrap{--palette-purple: #7656f3;--palette-orange: #f45f20;--palette-red: #e8334a;--palette-green: #8acd25;--moqups-blue-400: #40a2ff;--shadow-xs: 0 2px 0.175rem rgba(0, 15, 50, 0.05);--shadow-sm: 1px 3px 0.375rem rgba(0, 15, 50, 0.07);--shadow-md: 0.5rem 0.75rem 1.875rem rgba(0, 15, 50, 0.1);--shadow-card: 0 0.125rem 0.25rem rgba(34, 39, 47, 0.05), 0 0.375rem 0.5rem rgba(34, 39, 47, 0.07)}.db-wrap:not(.theme-dark){--well-border-color: #dee4eb}.db-wrap.theme-dark{--mq-editor-grey-25: #f7f8f9;--mq-editor-grey-50: #eaeaf0;--mq-editor-grey-100: #dfe1e7;--mq-editor-grey-200: #d6d9dd;--mq-editor-grey-300: #ced2d7;--mq-editor-grey-400: #a8afb7;--mq-editor-grey-500: #848d93;--mq-editor-grey-600: #6c757f;--mq-editor-grey-700: #525960;--mq-editor-grey-800: #40444a;--mq-editor-grey-850: #33373c;--mq-editor-grey-900: #2e3237;--mq-editor-grey-950: #26292d;--mq-editor-grey-975: #1e1e1f;--well-border-color: rgba(255, 255, 255, 0.08);--body-bg: var(--mq-editor-grey-950);--well-bg: var(--mq-editor-grey-850);--dropdown-bg: var(--mq-editor-grey-850);--dropdown-hover-bg: var(--mq-editor-grey-800);--button-bg: var(--mq-editor-grey-800);--button-hover-bg: var(--mq-editor-grey-950);--input-bg: var(--mq-editor-grey-800);--input-border-color: var(--mq-editor-grey-600);--input-active-color: var(--moqups-blue-400);--input-placeholder-color: var(--mq-editor-grey-600);--db-main-bg: var(--mq-editor-grey-900);--db-hover-bg: var(--mq-editor-grey-800)}.db-wrap p{font-size:1rem}.db-wrap .well p:last-child{margin-bottom:0 !important}.db-wrap:not(.theme-dark) .well .btn:not(.btn-main):not(.btn-outline){--button-bg: #dee4eb;--button-hover-bg: #c9d3dd}.db-wrap a.text-error,.db-wrap a.text-error:visited{color:var(--palette-red) !important}.db-wrap.theme-dark .well.help-tip{--body-color: var(--mq-editor-grey-50);--well-border-color: rgba(64, 162, 255, 0.25);--well-bg: rgba(64, 162, 255, 0.1);--well-icon-color: #73baff;box-shadow:none}.db-wrap.theme-dark .well.help-note{--body-color: var(--mq-editor-grey-50);--well-border-color: rgba(255, 123, 69, 0.25);--well-bg: rgba(255, 123, 69, 0.1);--well-icon-color: #ff7b45;box-shadow:none}body,html{margin:0;padding:0;height:100%;overflow:hidden}.db-wrap{display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden;background:var(--body-bg)}.db-body{display:flex;flex-direction:row;flex:1;overflow:hidden}.db-topbar{display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid var(--well-border-color);background:var(--body-bg);flex-shrink:0;height:3rem}.db-topbar-logo{display:flex;align-items:center;margin-right:1.5rem;flex-shrink:0}.db-topbar-logo svg{display:block;width:1.75rem;height:1.75rem;color:#1071f2}.db-topbar-tab{font-family:var(--moqups-font);font-size:.9375rem;font-weight:500;padding:0 .875rem;height:100%;display:flex;align-items:center;color:var(--body-color);border-bottom:2px solid rgba(0,0,0,0);cursor:pointer;text-decoration:none;transition:color .15s;white-space:nowrap;margin-bottom:-1px;box-sizing:border-box}.db-topbar-tab:hover,.db-topbar-tab:visited{color:var(--heading-color);text-decoration:none}.db-topbar-tab.active{color:var(--heading-color);font-weight:650;border-bottom-color:var(--heading-color)}@media(min-width: 1024px){.db-topbar-tab{padding:0 1.25rem}}.db-topbar-actions{display:flex;align-items:center;gap:.25rem;margin-left:auto}.db-topbar-actions .dropdown{right:0;top:calc(100% + .25rem)}.db-topbar-action-link{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:.375rem;font-size:.9375rem;font-weight:500;color:var(--link-color);--icon-size: 1.25rem;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.db-topbar-action-link:hover{background:var(--well-bg);color:var(--link-color);text-decoration:none}.db-topbar-avatar{border:none;background:rgba(0,0,0,0);cursor:pointer;padding:0;transition:opacity .15s;display:flex;margin-left:.375rem}.db-topbar-avatar:hover{opacity:.85}.db-user-email{display:block;max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.938rem;color:var(--body-muted-color);padding:.375rem .75rem .375rem .5rem;cursor:default}.db-sidebar{width:232px;height:100%;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--well-border-color);background:var(--body-bg);overflow-y:auto}.db-wrap .dropdown{padding:.25rem}.db-wrap .dropdown li>a{padding:.375rem .75rem .375rem .5rem;text-decoration:none}.db-wrap .dropdown li>a:hover{text-decoration:none}.db-wrap .dropdown li.separator::after{margin:.3rem -0.25rem;background:var(--tab-bg)}.db-wrap .dropdown li.label span{padding:.375rem .75rem .25rem .5rem;font-family:var(--moqups-display);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.23pt;color:var(--body-muted-color);opacity:1;margin:0}.db-dd-avatar{width:1.75rem;height:1.75rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--moqups-font);font-size:.6875rem;font-weight:800;color:#fff;text-transform:uppercase;overflow:hidden}.db-dd-avatar svg{width:1rem;height:1rem}.db-dd-avatar-blue{background:var(--moqups-blue-400)}.db-dd-avatar-purple{background:var(--palette-purple)}.db-dd-avatar-orange{background:var(--palette-orange)}.db-dd-avatar-red{background:var(--palette-red)}.db-section-heading{font-family:var(--moqups-display);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.23pt;color:var(--body-muted-color);line-height:1;margin:0}.db-account-usage{padding:.75rem;flex-shrink:0;border-top:1px solid var(--tab-bg);margin-top:auto}.db-account-usage-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem}.db-usage-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.1875rem}.db-usage-label,.db-usage-value{font-size:.75rem;font-family:var(--moqups-font);color:var(--body-muted-color)}.db-usage-value{font-weight:600}.db-progress{height:5px;border-radius:6rem;background:var(--well-border-color);margin-bottom:.5rem;overflow:hidden}.db-progress-bar{height:100%;border-radius:6rem;background:var(--link-color);transition:width .4s ease}.db-progress-bar-warning{background:var(--palette-orange)}.db-theme-item .db-theme-check{display:none}.db-theme-item.active .db-theme-check{display:inline-flex}.db-sidebar-toggle{display:none;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:rgba(0,0,0,0);cursor:pointer;color:var(--body-color);border-radius:.375rem;flex-shrink:0;margin-right:.25rem;padding:0;transition:background .15s}.db-sidebar-toggle:hover{background:var(--well-bg)}.db-sidebar-toggle svg{width:1.25rem;height:1.25rem;display:block}.db-sidebar-overlay{display:none;position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.35)}.db-sidebar-overlay.open{display:block}.db-sidebar-tabs{display:none;flex-direction:column;padding:.5rem .5rem 0;border-bottom:1px solid var(--well-border-color);margin-bottom:.25rem}.db-sidebar-tab{font-family:var(--moqups-font);font-size:.9375rem;font-weight:500;padding:.5rem .75rem;border-radius:.375rem;color:var(--body-color);text-decoration:none;transition:background .15s,color .15s}.db-sidebar-tab:hover,.db-sidebar-tab:visited{color:var(--heading-color);text-decoration:none}.db-sidebar-tab.active{color:var(--link-color);font-weight:650}@media(max-width: 900px){.db-topbar-tab{display:none}.db-sidebar-tabs{display:flex}.db-sidebar-toggle{display:flex}.db-help-label{display:none}.db-topbar-logo{margin-right:.75rem}.db-sidebar{position:fixed;left:0;top:3rem;bottom:0;z-index:100;transform:translateX(-100%);transition:transform .25s ease;box-shadow:var(--shadow-md);height:auto}.db-sidebar.open{transform:translateX(0)}}.db-main{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--body-bg);min-width:0}.db-modal-overlay{display:none;position:fixed;inset:0;z-index:200;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.45)}.db-modal-overlay.open{display:flex}.db-modal{position:relative;width:100%;max-width:26rem;background:var(--dropdown-bg);border-radius:1rem;box-shadow:var(--shadow-md);padding:1.5rem}.db-modal-md{max-width:30rem}.db-modal-lg{max-width:34rem;padding:2.5rem}.db-modal-illustration{display:flex;justify-content:center;margin:0 0 1rem}.db-modal-illustration img{max-width:100%;height:auto;max-height:9rem}.db-modal-header{margin-bottom:.75rem}.db-modal-title{font-family:var(--moqups-display);font-size:1.375rem;font-weight:700;color:var(--heading-color);margin:0;padding-right:2.25rem}.db-modal-close{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;background:rgba(0,0,0,0);color:var(--body-color);border-radius:50%;cursor:pointer;transition:background .15s}.db-modal-close svg{width:1.25rem;height:1.25rem;display:block}.db-modal-close:hover{background:var(--well-bg)}.db-modal-body{font-family:var(--moqups-font);font-size:.9375rem;color:var(--body-color);line-height:1.5;margin-bottom:1.5rem}.db-modal-body strong{color:var(--heading-color)}.db-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:.625rem}.db-team-picker{position:relative;padding:.75rem .75rem .25rem;flex-shrink:0}.db-team-picker .dropdown{position:fixed;left:-9999px;top:-9999px;width:auto;min-width:0}.db-team-picker .dropdown figure.image{width:1.75rem;height:1.75rem;border-radius:.375rem;overflow:hidden;margin:0;flex-shrink:0}.db-team-picker .dropdown li>a{align-items:center;gap:.625rem}.db-team-trigger{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:.375rem;cursor:pointer;border:1.5px solid var(--well-border-color);background:var(--body-bg);width:100%;box-sizing:border-box;transition:background .15s}.db-team-trigger:hover{background:var(--well-bg)}.db-team-trigger[aria-expanded=true] .db-team-chevron{transform:rotate(180deg)}.db-team-logo{flex-shrink:0;margin:0;width:1.75rem;height:1.75rem;border-radius:.375rem;overflow:hidden}.db-team-info{flex:1;min-width:0;text-align:left}.db-team-name{display:block;font-family:var(--moqups-font);font-size:.9375rem;font-weight:700;color:var(--heading-color);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-team-chevron{width:1rem;height:1rem;color:var(--body-muted-color);flex-shrink:0;transition:transform .15s}.db-team-chevron svg{width:1rem;height:1rem}.db-toolbar-end .dropdown{right:0;left:auto;top:calc(100% + .25rem)}.db-nav{flex:1;padding:.25rem .375rem;overflow-y:auto}.db-nav-item{display:flex;align-items:center;gap:.5rem;padding:.4375rem .625rem;border-radius:.375rem;font-size:.875rem;font-family:var(--moqups-font);font-weight:400;color:var(--body-color);text-decoration:none;transition:background .12s;line-height:1.3}.db-nav-item:hover{background:var(--well-bg);color:var(--body-color);text-decoration:none}.db-nav-item:visited{color:var(--body-color)}.db-nav-item.active{background:var(--dropdown-hover-bg);color:var(--link-color);font-weight:600}.db-nav-item.active .db-nav-icon{opacity:1;color:var(--link-color)}.db-nav-icon{width:1rem;height:1rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.5}.db-nav-icon svg{width:1rem;height:1rem}.db-nav-badge{margin-left:auto;font-size:.6875rem;font-family:var(--moqups-font);font-weight:600;background:var(--tab-bg);padding:.0625rem .4375rem;border-radius:6rem;color:var(--body-muted-color);flex-shrink:0}.db-nav-divider{height:1px;background:var(--tab-bg);margin:.375rem -0.375rem}.db-tree-node{position:relative}.db-tree-row{display:flex;align-items:center}.db-tree-toggle{width:1.375rem;height:1.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none;background:rgba(0,0,0,0);cursor:pointer;color:var(--body-muted-color);border-radius:.25rem;padding:0;transition:color .12s}.db-tree-toggle:hover{color:var(--body-color)}.db-tree-toggle svg{width:.75rem;height:.75rem;transition:transform .15s}.db-tree-toggle.open svg{transform:rotate(90deg)}.db-tree-spacer{width:1.375rem;flex-shrink:0}.db-tree-link{flex:1;display:flex;align-items:center;gap:.375rem;padding:.313rem .5rem .313rem .25rem;border-radius:.375rem;font-size:.875rem;font-family:var(--moqups-font);color:var(--body-color);text-decoration:none;transition:background .12s;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-tree-link:hover{background:var(--well-bg);color:var(--body-color);text-decoration:none}.db-tree-link:visited{color:var(--body-color)}.db-tree-link.active{background:var(--dropdown-hover-bg);color:var(--link-color);font-weight:600}.db-tree-link.active:hover{background:var(--dropdown-hover-bg)}.db-tree-folder-icon{width:1rem;height:1rem;flex-shrink:0;color:var(--moqups-blue-400)}.db-tree-folder-icon svg{width:1rem;height:1rem}.db-tree-children{padding-left:1.375rem;display:none}.db-tree-children.open{display:block}.db-toolbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--well-border-color);background:var(--body-bg);flex-shrink:0;box-shadow:var(--shadow-sm)}.db-toolbar-search{flex:1;max-width:26rem}.db-toolbar-spacer{display:none}.db-toolbar-end{display:flex;align-items:center;gap:.75rem;flex-shrink:0;margin-left:auto}.db-search-scope{display:flex;align-items:center;border-left:1px solid var(--well-border-color);margin-left:auto;flex-shrink:0}.db-search-scope svg{position:static !important;top:auto !important;left:auto !important}.db-search-scope .dropdown{right:0;left:auto;top:calc(100% + .5rem);min-width:11rem}.db-search-scope .dropdown li>a{display:flex;align-items:center}.db-search-scope-btn{display:flex;align-items:center;align-self:stretch;gap:.25rem;padding:0 .5rem 0 .625rem;background:none;border:none;outline:none !important;box-shadow:none !important;-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--moqups-font);font-size:.875rem;font-weight:500;color:var(--body-muted-color);white-space:nowrap;transition:color .15s}.db-search-scope-btn:hover{color:var(--body-color)}.db-search-scope-btn:active{outline:none !important;box-shadow:none !important}.db-search-scope-btn:focus-visible{outline:none !important;box-shadow:inset 0 0 0 2px var(--link-color) !important}.db-search-scope-btn svg{width:.875rem !important;height:.875rem !important;flex-shrink:0;color:var(--body-muted-color)}.db-scope-check{margin-left:auto;display:inline-flex;align-items:center;color:var(--link-color);flex-shrink:0}.db-scope-check svg{width:1rem;height:1rem}.db-view-toggle{display:flex;align-items:center;height:2.2125rem;background:var(--tab-bg);border-radius:.375rem;padding:.1875rem .3125rem;gap:.125rem;box-sizing:border-box}.db-view-btn{padding:.3125rem .625rem;border:none;background:rgba(0,0,0,0);border-radius:.25rem;cursor:pointer;color:var(--body-muted-color);display:flex;align-items:center;justify-content:center;transition:background .15s}.db-view-btn svg{width:1rem;height:1rem}.db-view-btn.active{background:var(--body-bg);color:var(--body-color);box-shadow:var(--shadow-xs)}.db-toolbar-search.input{margin:0;align-items:stretch;border:1.5px solid var(--input-border-color);border-radius:.375rem;background:var(--input-bg);transition:border-color .5s;height:2.21rem}.db-toolbar-search.input:hover{border-color:var(--input-placeholder-color)}.db-toolbar-search.input:focus-within:has(input:focus){border-color:var(--input-active-color)}.db-toolbar-search.input input[type=text],.db-toolbar-search.input input[type=text]:hover,.db-toolbar-search.input input[type=text]:active,.db-toolbar-search.input input[type=text]:focus{line-height:1;border:none;background:rgba(0,0,0,0);border-radius:0;box-shadow:none;flex:1;min-width:0;width:auto;transition:none}@media(max-width: 960px){.db-toolbar{flex-wrap:wrap;row-gap:.5rem}.db-toolbar-search{flex:1 1 100%;max-width:none;order:10}.db-toolbar-end{margin-left:auto}}.db-content{flex:1;overflow-y:auto;padding:1.5rem}.db-empty-state{display:flex;flex-direction:column;align-items:center;max-width:26rem;margin:3rem auto;text-align:center}.db-empty-illustration{width:190px;height:auto;margin-bottom:1.5rem}.db-empty-subtitle{font-size:.9375rem;color:var(--body-muted-color);line-height:1.5;max-width:20rem;margin:0 0 1.75rem}.db-empty-actions{display:flex;flex-direction:column;gap:.625rem;width:100%;max-width:16rem}.db-empty-actions .btn{width:100%}.db-section-add{font-family:var(--moqups-display);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.23pt;color:var(--link-color);text-decoration:none;white-space:nowrap}.db-section-add:hover{text-decoration:underline;color:var(--link-color)}.db-breadcrumb{display:flex;align-items:center;gap:.5rem;font-family:var(--moqups-font);font-size:1.0625rem;color:var(--body-muted-color);margin-bottom:1.5rem}.db-breadcrumb a{color:var(--body-muted-color);text-decoration:none}.db-breadcrumb a:hover{color:var(--heading-color);text-decoration:underline}.db-breadcrumb-current{opacity:.6}.db-breadcrumb-sep{display:flex;color:var(--link-color)}.db-breadcrumb-sep svg{width:1rem;height:1rem}.db-folders-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:1.5rem;margin-bottom:2rem}.db-folder-card{display:flex;align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 1rem;border-radius:.75rem;border:none;background:var(--body-bg);cursor:pointer;text-decoration:none;color:var(--heading-color);font-family:var(--moqups-font);font-weight:400;font-size:.9375rem;line-height:1.2;transition:box-shadow .15s,border-color .15s}.db-folder-card:hover{color:var(--heading-color);border-color:rgba(0,0,0,.15);box-shadow:var(--shadow-sm);text-decoration:none}.db-folder-card.selected{outline:2px solid #1071f2;outline-offset:0}.db-folder-card:focus-visible{outline:2px solid #1071f2;outline-offset:0}.db-folder-name{flex:1;min-width:0}.db-folder-menu{flex-shrink:0;padding:.25rem .375rem;border:none;background:rgba(0,0,0,0);border-radius:.25rem;cursor:pointer;color:var(--body-muted-color);display:flex;align-items:center;opacity:0;transition:opacity .1s,background .1s,color .1s}.db-folder-menu svg{width:1.125rem;height:1.125rem}.db-folder-card:hover .db-folder-menu,.db-folder-card:focus-within .db-folder-menu{opacity:1}.db-folder-menu:hover{background:var(--tab-bg);color:var(--heading-color)}@media(max-width: 1024px),(hover: none){.db-folder-menu{opacity:1}}.db-folder-icon{width:2.25rem;height:2.25rem;flex-shrink:0;color:var(--moqups-blue-400)}.db-folder-icon svg{width:2.25rem;height:2.25rem}.db-template-categories{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:1.5rem}.db-category-pill{display:inline-flex;align-items:center;gap:.75rem;padding:.625rem 1.25rem;border:2px solid rgba(0,0,0,0);box-shadow:var(--shadow-xs);border-radius:9px;font-family:var(--moqups-font);font-size:.9375rem;font-weight:700;color:var(--heading-color);background:rgba(var(--pill-color-rgb), 0.35);cursor:pointer;transition:background .15s,box-shadow .15s}.db-category-pill svg{width:1.25rem;height:1.25rem;flex-shrink:0}.db-category-pill:has(svg){padding-left:.875rem}.db-category-pill:hover{box-shadow:var(--shadow-sm)}.db-category-pill.db-category-pill-active{background:rgb(var(--pill-color-rgb));border-color:#29323d}.db-category-pill.db-category-pill-team{--pill-color-rgb: 206, 210, 215}.db-category-pill.db-category-pill-featured{--pill-color-rgb: 179, 207, 248}.db-category-pill.db-category-pill-wireframes{--pill-color-rgb: 176, 223, 224}.db-category-pill.db-category-pill-business{--pill-color-rgb: 255, 214, 87}.db-category-pill.db-category-pill-diagrams{--pill-color-rgb: 203, 182, 255}.db-category-pill.db-category-pill-charts{--pill-color-rgb: 245, 180, 183}.db-wrap.theme-dark .db-category-pill.db-category-pill-active{border-color:#fff;color:var(--body-bg)}.db-projects-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:1.5rem;margin-bottom:2rem}.db-project-card{border-radius:.875rem;border:none;background:var(--body-bg);cursor:default;box-shadow:var(--shadow-xs);transition:box-shadow .15s,border-color .15s,background .15s;display:flex;flex-direction:column}.db-project-card:hover{box-shadow:var(--shadow-card)}.db-project-card.selected{outline:2px solid #1071f2;outline-offset:0}.db-project-card:focus-visible{outline:2px solid #1071f2;outline-offset:0}.db-project-header{display:flex;align-items:center;height:3rem;gap:.375rem;padding:.5rem .875rem .3125rem}.db-project-header .dropdown-wrapper,.db-project-header>.db-project-menu{margin-left:auto}.db-project-lock,.db-project-star{width:1rem;height:1rem;color:var(--link-color);flex-shrink:0}.db-project-lock svg,.db-project-star svg{width:1rem;height:1rem}.db-project-name{font-family:var(--moqups-font);font-weight:500;font-size:.9375rem;color:var(--link-color);flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.db-project-name:hover{text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--link-color) 40%, transparent);text-decoration-thickness:1px;text-underline-offset:4px;color:var(--link-color)}.db-project-menu{color:var(--body-muted-color);line-height:1;cursor:pointer;padding:.125rem .375rem;border-radius:.25rem;flex-shrink:0;border:none;background:rgba(0,0,0,0);display:flex;align-items:center;margin-right:-0.375rem}.db-project-menu svg{width:1.25rem;height:1.25rem}.db-project-menu:hover{background:var(--tab-bg);color:var(--heading-color)}.db-project-menu+.dropdown{right:0;left:auto;top:calc(100% + .25rem);min-width:14rem}.db-project-meta{display:flex;align-items:center;gap:.5rem;padding:.1875rem .875rem .75rem}.db-project-meta-text{font-size:.8125rem;color:var(--body-muted-color);font-family:var(--moqups-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-project-meta-text strong{color:var(--body-color);font-weight:400}.db-avatar{width:1rem;height:1rem;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.4375rem;font-weight:800;overflow:hidden;font-family:var(--moqups-font);color:var(--button-main-color);text-transform:uppercase}.db-avatar-bb{background:var(--palette-purple)}.db-avatar-mb{background:var(--palette-orange)}.db-avatar-tz{background:rgba(0,0,0,0)}.db-avatar-ag{background:var(--palette-green)}.db-avatar-mc{background:var(--moqups-blue-400)}.db-avatar-mt{background:var(--palette-red)}.db-project-thumb{flex:1;min-height:176px;overflow:hidden;background:var(--well-bg);position:relative;border-radius:0 0 calc(.875rem - 1px) calc(.875rem - 1px)}.db-project-thumb::after{content:"";position:absolute;top:0;left:0;right:0;height:0;border-top:1px dotted rgba(0,0,0,.05);pointer-events:none}.db-thumb-blur{position:absolute;inset:-8px;background-image:var(--thumb-bg);background-size:cover;background-position:center;filter:blur(14px);opacity:.15}.db-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(1);transition:transform .4s ease,object-position .4s ease}.db-project-card:hover .db-thumb-img,.db-project-card:focus-within .db-thumb-img{object-fit:cover}.db-project-card:hover .db-project-thumb.is-portrait .db-thumb-img,.db-project-card:focus-within .db-project-thumb.is-portrait .db-thumb-img{animation:db-kenburns-vertical var(--kb-duration, 9s) linear forwards}.db-project-card:hover .db-project-thumb.is-landscape .db-thumb-img,.db-project-card:focus-within .db-project-thumb.is-landscape .db-thumb-img{animation:db-kenburns-horizontal var(--kb-duration, 9s) linear forwards}@keyframes db-kenburns-vertical{from{transform:scale(1.1);object-position:center top}to{transform:scale(1.1);object-position:center bottom}}@keyframes db-kenburns-horizontal{from{transform:scale(1.1);object-position:left center}to{transform:scale(1.1);object-position:right center}}.db-card-actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.5rem;background:rgba(0,0,0,.5);opacity:0;transition:opacity .15s}.db-project-card:hover .db-card-actions,.db-project-card:focus-within .db-card-actions{opacity:1}.db-template-badge{position:absolute;bottom:.5rem;left:.5rem;z-index:2;pointer-events:none}.db-template-badge .tag{background:#ffe533;color:#29323d;font-size:.688rem}.db-thumb-skeleton{width:100%;height:100%;background:var(--well-bg)}.db-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.db-thumb-placeholder svg{width:3rem;height:3rem;opacity:.12}.db-list-header{display:flex;align-items:center;padding:0 .5rem;height:2rem;border-bottom:1px solid var(--well-border-color);margin-bottom:.25rem}.db-list-header>*{font-family:var(--moqups-display);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.23pt;color:var(--body-muted-color)}.db-lc-name{flex:1;min-width:0;display:flex;align-items:center;align-self:center;padding-right:1rem}.db-lc-owner{width:16rem;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.db-lc-date{width:8.5rem;flex-shrink:0;font-size:.8125rem;color:var(--body-muted-color)}.db-lc-meta{display:flex;align-items:center;flex-shrink:0}.db-lc-actions{width:5rem;flex-shrink:0;gap:.5rem;display:flex;align-items:center;justify-content:flex-end}.db-list-row{display:flex;align-items:center;padding:0 1rem 0 .5rem;min-height:3rem;border-radius:.5rem;position:relative;cursor:default;transition:background .1s}.db-list-row::after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:0;height:0;border-top:1px solid var(--well-border-color);transition:border-color .1s;pointer-events:none}.db-list-row:last-child::after{display:none}.db-list-row:hover{background:var(--well-bg)}.db-list-row:hover::after{border-top-color:rgba(0,0,0,0)}.db-list-row.selected{box-shadow:inset 0 0 0 2px #1071f2;background:rgba(16,113,242,.06)}.db-list-row .db-project-menu{opacity:1}.db-list-row-icon{flex-shrink:0;width:1.125rem;height:1.125rem;color:var(--body-muted-color);display:flex;align-items:center;margin-right:.5rem}.db-list-row-icon svg{width:1.125rem;height:1.125rem}.db-list-row-icon.is-folder{color:var(--moqups-blue-400)}.db-list-row-name{font-size:.9375rem;font-weight:500;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--heading-color)}.db-list-owner-name{font-size:.8125rem;color:var(--body-color);white-space:nowrap}.db-folders-list,.db-projects-list{margin-bottom:.5rem}.db-folders-list .db-list-row-icon.is-folder{width:2.75rem;height:2rem;margin-right:.75rem;justify-content:center}.db-folders-list .db-list-row-icon.is-folder svg{width:1.25rem;height:1.25rem}.db-projects-list .db-list-row-name{color:var(--link-color);font-weight:500}.db-projects-list .db-list-row-icon{color:var(--link-color);opacity:1}.db-projects-list .db-lc-actions{width:12rem}.db-list-row-btns{display:flex;align-items:center;gap:.25rem;opacity:0;transition:opacity .1s}.db-list-row:hover .db-list-row-btns,.db-list-row:focus-within .db-list-row-btns{opacity:1}a.db-list-row-name{text-decoration:none}a.db-list-row-name:visited{color:var(--link-color)}a.db-list-row-name:hover{text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--link-color) 40%, transparent);text-decoration-thickness:1px;text-underline-offset:4px;color:var(--link-color)}.db-list-action-btn{font-size:.875rem;font-family:var(--moqups-font);font-weight:500;color:var(--body-muted-color);text-decoration:none;padding:.1875rem .5rem;border-radius:.25rem;transition:color .12s,background .12s;white-space:nowrap}.db-list-action-btn:hover{color:var(--heading-color);background:var(--tab-bg);text-decoration:none}@media(max-width: 1024px),(hover: none){.db-list-row .db-project-menu,.db-list-row-btns{opacity:1}}@media(min-width: 961px)and (max-width: 1200px){.db-list-owner-name{display:none}.db-lc-owner{width:auto;margin-right:.75rem}}@media(max-width: 960px){.db-projects-list .db-list-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:.75rem;row-gap:.25rem;padding-top:.5rem;padding-bottom:.5rem;min-height:auto;align-items:center}.db-projects-list .db-lc-name{grid-column:2;grid-row:1;padding-right:0}.db-projects-list .db-lc-meta{grid-column:2;grid-row:2;gap:.375rem}.db-projects-list .db-lc-owner{width:auto}.db-projects-list .db-lc-date{width:auto}.db-projects-list .db-lc-actions{grid-column:3;grid-row:1/3;gap:.5rem;align-self:center;width:auto}.db-projects-list .db-list-row-btns .btn{background:rgba(0,0,0,0);color:var(--link-color)}.db-projects-list .db-list-row-btns .btn:focus,.db-projects-list .db-list-row-btns .btn:hover{background:rgba(0,0,0,0);color:var(--link-hover-color)}}@media(max-width: 480px){.db-list-owner-name{display:none}}.db-wrap.theme-dark .db-main{background:var(--db-main-bg)}.db-wrap.theme-dark .db-list-row:hover{background:var(--db-hover-bg)}.db-wrap.theme-dark .db-project-thumb{background:var(--db-hover-bg)}.db-wrap.theme-dark .db-thumb-placeholder svg{color:var(--mq-editor-grey-600);opacity:1}.db-wrap.theme-dark .db-folder-card,.db-wrap.theme-dark .db-project-card{border-color:hsla(0,0%,100%,.1)}.db-wrap.theme-dark .db-folder-card:hover,.db-wrap.theme-dark .db-project-card:hover{border-color:hsla(0,0%,100%,.15)}.db-teams-nav{flex:1;padding:.5rem .375rem .25rem;overflow-y:auto;display:flex;flex-direction:column;gap:.125rem}.db-teams-section-header{display:flex;align-items:center;padding:.625rem .25rem .25rem}.db-teams-divider{height:1px;background:var(--well-border-color);margin:.375rem -0.375rem}.db-teams-add-btn{display:flex;align-items:center;gap:.625rem;padding:.375rem .625rem;border-radius:.375rem;font-size:.875rem;font-family:var(--moqups-font);font-weight:400;color:var(--link-color);text-decoration:none;transition:background .12s}.db-teams-add-btn:visited{color:var(--link-color)}.db-teams-add-btn:hover{background:var(--well-bg);text-decoration:none}.db-teams-add-avatar{width:1.75rem;height:1.75rem;border-radius:.375rem;border:1.5px dashed var(--input-border-color);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:300;color:var(--input-border-color);flex-shrink:0;line-height:1}.db-team-nav-item{display:flex;align-items:center;gap:.625rem;padding:.375rem .625rem;border-radius:.375rem;font-size:.875rem;font-family:var(--moqups-font);font-weight:400;color:var(--body-color);text-decoration:none;cursor:pointer;transition:background .12s,color .12s}.db-team-nav-item:visited{color:var(--body-color)}.db-team-nav-item:hover{background:var(--well-bg);color:var(--body-color);text-decoration:none}.db-team-nav-item.active{background:var(--well-bg);color:var(--heading-color);font-weight:600}.db-team-nav-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-team-page-header{padding:1rem 1.5rem;border-bottom:1px solid var(--well-border-color);flex-shrink:0;background:var(--body-bg);box-shadow:var(--shadow-sm)}.db-team-page-header-inner{display:flex;align-items:center;gap:1rem}.db-team-page-avatar{width:2.75rem;height:2.75rem;border-radius:.5rem;flex-shrink:0;overflow:hidden;margin:0}.db-team-page-avatar img{width:100%;height:100%;object-fit:cover;display:block}.db-team-page-info{flex:1;min-width:0}.db-team-page-name{font-family:var(--moqups-font);font-size:1.125rem;font-weight:700;color:var(--heading-color);margin:0 0 .3rem;line-height:1.2}.db-team-stats{display:inline-flex;gap:1.75rem;margin-top:.375rem;max-width:100%}@media(max-width: 768px){.db-team-stats{flex-wrap:wrap;gap:1rem}}.db-team-stat{display:flex;flex-direction:column;gap:.25rem;min-width:7rem}.db-team-stat-label{font-family:var(--moqups-display);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.23pt;color:var(--body-muted-color);line-height:1}.db-team-stat-bar{height:5px;border-radius:6rem;background:var(--well-border-color);overflow:hidden}.db-team-stat-bar-fill{height:100%;border-radius:6rem;background:var(--link-color)}.db-team-stat-value{font-size:.75rem;color:var(--body-muted-color);font-family:var(--moqups-font);font-weight:500;white-space:nowrap}.db-team-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.db-team-settings-identity{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0 1.25rem}.db-team-settings-avatar-wrap{position:relative}.db-team-settings-avatar{width:5rem;height:5rem;border-radius:.875rem;display:flex;align-items:center;justify-content:center;font-family:var(--moqups-font);font-size:2rem;font-weight:700;color:#fff;text-transform:uppercase;overflow:hidden}.db-team-settings-avatar img{width:100%;height:100%;object-fit:cover}.db-team-settings-avatar-edit{position:absolute;right:-0.25rem;bottom:-0.25rem;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--dropdown-bg);box-shadow:var(--shadow-sm);color:var(--body-color);cursor:pointer;transition:background .15s}.db-team-settings-avatar-edit svg{width:.875rem;height:.875rem}.db-team-settings-avatar-edit:hover{background:var(--well-bg)}.db-team-settings-name-wrap{display:flex;align-items:center;gap:.375rem;max-width:100%}.db-team-settings-name{font-family:var(--moqups-font);font-size:1rem;font-weight:600;color:var(--heading-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-team-settings-name-input{font-family:var(--moqups-font);font-size:1rem;font-weight:600;color:var(--heading-color);text-align:center;border:1.5px solid var(--input-active-color);border-radius:.375rem;padding:.25rem .5rem;background:var(--input-bg);max-width:16rem}.db-team-settings-name-input:focus{outline:none}.db-team-settings-name-edit{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border:none;background:rgba(0,0,0,0);color:var(--body-muted-color);border-radius:.375rem;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.db-team-settings-name-edit svg{width:.875rem;height:.875rem}.db-team-settings-name-edit:hover{background:var(--well-bg);color:var(--body-color)}.db-modal-divider{height:1px;background:var(--well-border-color);margin:1.25rem 0}.db-team-settings-desc{font-family:var(--moqups-font);font-size:.875rem;color:var(--body-color);line-height:1.5;margin:0 0 1.125rem}.db-team-settings-section{margin-bottom:2.5rem}.db-settings-radio-group{display:flex;flex-direction:column;gap:.875rem}.db-settings-radio{display:flex;align-items:flex-start;gap:.625rem;cursor:pointer}.db-settings-radio input[type=radio]{margin-top:.1875rem;flex-shrink:0}.db-settings-radio-label{display:block;font-family:var(--moqups-font);font-size:.9375rem;font-weight:600;color:var(--heading-color)}.db-settings-radio-desc{display:block;font-family:var(--moqups-font);font-size:.8125rem;color:var(--body-muted-color);margin-top:.125rem}.db-invite-section{padding:1.25rem 1.5rem;border-bottom:1px solid var(--well-border-color);flex-shrink:0}.db-seat-limit-well{--h: 169;--s: 52%;--l: 96%;gap:1.25rem;margin:.75rem 1.5rem 0;padding:1.125rem 1.5rem 1.125rem .875rem;box-shadow:none}.db-seat-limit-well .promo-image{width:13rem;max-height:6.5rem}.db-seat-limit-well .promo-image img{max-height:6.5rem}.db-seat-limit-well .promo-content{flex-grow:0}.db-invite-view{max-width:36rem}.db-invite-textarea{width:100%;box-sizing:border-box;min-height:4.5rem;max-width:72rem;resize:vertical;font-family:var(--moqups-font);font-size:.875rem;color:var(--body-color);background:var(--input-bg);border:1.5px solid var(--input-border-color);border-radius:.375rem;padding:.5rem .625rem;margin-bottom:.625rem;display:block;transition:border-color .15s}.db-invite-textarea::placeholder{color:var(--input-placeholder-color)}.db-invite-textarea:focus{outline:none;border-color:var(--input-active-color)}.db-invite-actions{display:flex;align-items:center;gap:.625rem}.db-invite-label{font-size:.875rem;color:var(--body-muted-color);font-family:var(--moqups-font);white-space:nowrap;flex-shrink:0}.db-invite-role-dropdown{position:relative}.db-invite-role-dropdown .dropdown{right:0;top:calc(100% + .25rem);min-width:9rem}.db-invite-table{margin-top:.75rem;margin-bottom:.625rem}.db-invite-table-header,.db-invite-row{display:grid;grid-template-columns:1.4fr 1fr 8rem;gap:.75rem;align-items:center}.db-invite-table-header{padding-bottom:.5rem}.db-invite-table-header span{font-family:var(--moqups-font);font-size:.8125rem;font-weight:600;color:var(--body-muted-color)}.db-invite-rows{display:flex;flex-direction:column;gap:.625rem}.db-invite-row-role .dropdown{right:0;top:calc(100% + .25rem);min-width:8rem}.db-invite-submit:disabled{background:var(--well-bg);color:var(--body-muted-color);cursor:not-allowed}.db-invite-submit:disabled:hover{background:var(--well-bg)}.db-members-section{padding:1.25rem 1.5rem}.db-members-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;justify-content:space-between}.db-member-row{display:flex;align-items:center;gap:.875rem;padding:.75rem 0;border-bottom:1px solid var(--well-border-color)}.db-member-row:last-child{border-bottom:none}@media(min-width: 1920px){.db-members-section-header,.db-member-row,.db-team-page-header-inner,.db-seat-limit-well{max-width:72rem}}.db-member-avatar{width:2.25rem;height:2.25rem;border-radius:50%;flex-shrink:0;overflow:hidden;margin:0}.db-member-avatar img{width:100%;height:100%;object-fit:cover;display:block}.db-member-avatar-initial{width:2.25rem;height:2.25rem;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--moqups-font);font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase}.db-member-info{flex:1;min-width:0}.db-member-name{display:block;font-family:var(--moqups-font);font-size:.9375rem;font-weight:500;color:var(--heading-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.db-member-you{font-weight:400;color:var(--body-muted-color);font-size:.875rem}.db-member-email{display:block;font-size:.8125rem;color:var(--body-muted-color);font-family:var(--moqups-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.db-member-context{font-size:.8125rem;color:var(--body-muted-color);font-family:var(--moqups-font);white-space:nowrap;flex-shrink:0;margin-right:.25rem}.db-member-role-wrap{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.db-member-role-label{font-size:.875rem;font-family:var(--moqups-font);font-weight:500;color:var(--body-muted-color);white-space:nowrap}.db-role-change-link{font-size:.875rem;color:var(--link-color);text-decoration:none;font-family:var(--moqups-font);white-space:nowrap}.db-role-change-link:hover{text-decoration:underline}.db-member-role-dropdown{position:relative}.db-member-role-dropdown .dropdown{right:0;top:calc(100% + .25rem);min-width:10rem}.db-account-nav{padding:.625rem .375rem;display:flex;flex-direction:column;gap:.125rem}.db-account-nav-item{display:block;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-family:var(--moqups-font);font-weight:400;color:var(--body-color) !important;text-decoration:none;transition:background .12s,color .12s;cursor:pointer}.db-account-nav-item:focus-visible{outline:2px solid #1071f2;outline-offset:0}.db-account-nav-item:hover{background:var(--well-bg);text-decoration:none;color:var(--heading-color) !important}.db-account-nav-item.active{font-weight:600;color:var(--link-color) !important;background:var(--dropdown-hover-bg)}.db-account-nav-item.db-account-nav-danger{color:var(--palette-red) !important}.db-account-nav-item.db-account-nav-danger:hover{color:var(--palette-red) !important}.db-account-section{display:none;padding:1.5rem 1.5rem 3rem;max-width:46rem}.db-account-section.active{display:block}.db-account-section--wide{max-width:72rem}.db-account-section>h4{margin-top:.25rem;margin-bottom:1.5rem}.db-account-divider{border:none;border-top:1px solid var(--well-border-color);margin:2rem 0}.db-profile-layout{display:flex;gap:2.5rem;align-items:flex-start}.db-profile-avatar-col{display:flex;flex-direction:column;align-items:center;gap:.625rem;flex-shrink:0}.db-profile-avatar{width:7.5rem;height:7.5rem;border-radius:50%;overflow:hidden;margin:0}.db-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}.db-profile-avatar-change{font-size:.875rem;font-family:var(--moqups-font);color:var(--link-color);text-decoration:none}.db-profile-avatar-change:hover{text-decoration:underline}.db-profile-form{flex:1;display:flex;flex-direction:column;gap:1rem}.tags{display:inline-flex}.tags .tag.tag-success{background:#b0dd71;color:#1e7300}.tags .tag.tag-error{background:rgba(245,76,82,.18);color:#f54c52}.db-settings-item{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.db-settings-item--stack{flex-direction:column;row-gap:.5rem}.db-settings-item-row{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;width:100%}.db-settings-item-text{flex:1;min-width:0}.db-settings-item-text strong{display:block;margin-bottom:.5rem;color:var(--heading-color)}.db-settings-item-text p{color:var(--body-muted-color)}.db-settings-item-text p:last-child{margin-bottom:0}.db-settings-item-aside{display:flex;flex-direction:column;align-items:flex-end;gap:0;flex-shrink:0}.db-settings-item-extra{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.db-settings-item-extra .input{margin:0;flex:1;max-width:none}.db-settings-item-extra input{width:100%}.db-settings-item-stack{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.db-settings-item-stack .db-settings-item-text p{font-size:.8125rem}.db-owner-picker .dropdown li>a{align-items:center;gap:.625rem}.db-billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.25rem}@media(max-width: 600px){.db-billing-grid{grid-template-columns:1fr}}.db-billing-grid-span{grid-column:1/-1}.db-billing-addr-row{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem}@media(max-width: 600px){.db-billing-addr-row{grid-template-columns:1fr}}.db-field-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.375rem;color:var(--body-color)}.db-required{color:var(--palette-red)}.db-sub-stack{display:flex;flex-direction:column;gap:1rem}.db-sub-top{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width: 1100px){.db-sub-top{grid-template-columns:1fr}}.db-sub-plan-actions{display:flex;flex-wrap:wrap;gap:.5rem}.db-sub-plan,.db-sub-payment{position:relative}.db-sub-plan h4,.db-sub-payment h4{margin-top:0}.db-sub-plan p:last-of-type,.db-sub-payment p:last-of-type{margin-bottom:0}.db-sub-plan .db-team-stats,.db-sub-payment .db-team-stats{display:flex}.db-sub-plan .db-team-stat,.db-sub-payment .db-team-stat{flex:1;min-width:0}.db-sub-plan-badge{position:absolute;top:1.25rem;right:1.5rem}.db-sub-payment{display:flex;flex-direction:column}.db-sub-invoice-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media(max-width: 768px){.db-sub-invoice-bar{flex-direction:column;align-items:flex-start}}.db-sub-toggle-label{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;cursor:pointer}.db-sub-table{width:100%;border-collapse:collapse;font-size:.9375rem}.db-sub-table th{font-family:var(--moqups-display);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.23pt;color:var(--body-muted-color);text-align:left;padding:.625rem .5rem;border-bottom:1px solid var(--well-border-color)}.db-sub-table th:last-child{text-align:right}.db-sub-table td{padding:.875rem .5rem;color:var(--body-color);border-bottom:1px dotted var(--well-border-color);vertical-align:middle}.db-sub-table td:last-child{text-align:right;display:flex;justify-content:flex-end;align-items:center}.db-sub-table tr:last-child td{border-bottom:none}.db-notif-team-list{border:1px solid var(--well-border-color);border-radius:.625rem;overflow:hidden}.db-notif-team-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--well-border-color)}.db-notif-team-item:last-child{border-bottom:none}.db-notif-team-name{flex:1;min-width:0;font-size:.9375rem;color:var(--heading-color)}.db-integrations-wrap{max-width:56rem;margin:0 auto;padding:2rem 1.5rem 3rem}.db-integrations-heading{margin:2rem 0 .75rem}.db-integrations-heading:first-child{margin-top:0}.db-integrations-grid{display:flex;flex-direction:column;gap:.25rem}.db-integration-card{display:flex;flex-direction:column;gap:.75rem;min-width:0;overflow:hidden}.db-integration-header{display:flex;align-items:flex-start;gap:1rem}.db-integration-logo{width:2.25rem;height:2.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden;background:var(--tab-bg)}.db-integration-logo svg{width:1.5rem;height:1.5rem;color:var(--body-muted-color)}.db-integration-logo--webhook svg{width:1.25rem;height:1.25rem}.db-integration-logo--saml svg{width:1.25rem;height:1.25rem}.db-integration-info{flex:1;min-width:0}.db-integration-info strong{display:block;margin-bottom:.25rem;color:var(--heading-color)}.db-integration-info p{font-size:.875rem;color:var(--body-muted-color);margin:0}.db-integration-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.db-integration-title strong{margin:0}.db-integration-actions{flex-shrink:0;margin-left:2rem}.db-integration-body{display:flex;align-items:center;gap:.625rem;padding-left:3.25rem}.db-integration-toggle-label{font-size:.875rem;color:var(--body-color)}.db-integration-saml-body{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;padding-left:3.25rem;border-top:1px solid var(--well-border-color)}.db-integration-saml-row{display:flex;align-items:center;gap:.75rem}.db-integration-saml-row .input{flex:1;margin:0}@media(max-width: 560px){.db-integration-saml-row{flex-direction:column;align-items:stretch}.db-integration-saml-row .db-integration-saml-or{display:none}}.db-integration-webhook-list{border-top:1px solid var(--well-border-color);padding-top:.75rem;padding-left:3.25rem;display:flex;flex-direction:column;gap:.5rem}.db-integration-webhook-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;min-width:0;overflow:hidden}.db-integration-webhook-name{font-weight:600;color:var(--heading-color);white-space:nowrap}.db-integration-webhook-url{flex:1;min-width:0;overflow:hidden;word-break:break-all}.db-integration-webhook-delete{flex-shrink:0}.db-team-stats--loading .db-team-stat-bar,.db-team-stats--loading .db-team-stat-value{animation:db-team-stats-pulse 1.2s ease-in-out infinite}@keyframes db-team-stats-pulse{0%,100%{opacity:.4}50%{opacity:.9}}
/*
    PAGE SETUP
    ----------
/*
    The app container takes the full height of the browser window.
    (100vh = 100% of the viewport's height).
    You can also use the `min-height` property instead
    if you want to ensure the app is at least
    as big as the browser window, but not constrain it beyond that.
*/
/*
    FLEXBOX LAYOUT
    --------------

    We're using the BEM naming methodology (http://getbem.com/naming/).
    Block:
        .layout
    Elements:
        .layout__item
    Modifiers:
        .layout__item--fixed-size
        .layout__item--grow,
        et cetera
*/
/*
    The basic building block is a layout container that will distribute
    its child elements either horizontally or vertically.
*/
.layout {
	display: flex;
}
/*
    The children of a layout container may be laid either horizontally
    or vertically, depending on the `flex-direction` property.
    Here we create two modifiers for the .layout box
*/
.layout--hbox {
	flex-direction: row;
}
.layout--vbox {
	flex-direction: column;
}
/*
    A layout that stretches all child elements to the same size.
    This is useful for things like sidebars for which we might want
    to have a background that stretches all the way down.
    (Even if the sidebar only has a little content)
*/
.layout--stretch {
	align-items: stretch;
}
/*
    The alternative to stretching the child elements is to align
    them in some way. In some situations, such as in headers that
    contain logos and navigation menus, you may want to align all
    children centrally.
*/
.layout--middle {
	align-items: center;
}
/*
    In situation where we need children to 'float' at opposite directions of the layout,
    we can use the `justify-content` property to push them to the edges.
*/
.layout--spread {
	justify-content: space-between;
}
/*
    We might want to move the children towards the end of the container
*/
.layout--end {
	justify-content: flex-end;
}

.layout--start {
	justify-content: flex-start;
}
.layout--wrap {
	flex-wrap: wrap;
}

.layout--centered {
	justify-content: space-around;
}

.layout--center {
	justify-content: center;
}

/*
    This is the only element we need in a layout block.
    By default, a `layout__item` does not need to do anything special.
    It has `flex: 0 1 auto` which is a shorthand for:
        - flex-grow: 0
        - flex-shrink: 1
        - flex-basis: auto
    We do however set `overflow: hidden` on it, so that we can enable
    scrolling on items that need it (see modifiers below).
*/
.layout__item {
	flex: 0 1 auto;
	overflow: hidden;
}

/*
    This is a layout item that permits its children to overflow
*/
.layout__item--overflow {
	overflow: visible;
}

/*
    A layout item that grows to fill the available space.
*/
.layout__item--grow {
	flex-grow: 1;
}
/*
    A layout item that shows a scrollbar in case its content overflows
*/
.layout__item--scroll {
	overflow-y: auto;
	overflow-x: hidden;
}
/*
    A layout item that maintains a fixed size.
    (Either width or height, depending on how the items are laid out)
    This is accomplished by setting both `flex-grow` and `flex-shrink` to 0,
    in effect disabling the flexibility on the item.
*/
.layout__item--fixed-size {
	flex-grow: 0;
	flex-shrink: 0;
	box-sizing: border-box;
}
/*
    For items with a fixed size, we control that size by setting the
    `flex-basis` property rather than the `width` or `height` property.
    Below, we define a couple of sizes that are used throughout the layout.
*/
.layout__item--width-medium {
	flex-basis: 17em;
}
.layout__item--height-small {
	flex-basis: 3.5em;
	max-height: 3.5em;
}

.layout__item--width-small {
	flex-basis: 1em;
}

.layout__item--width-10 {
	flex-basis: 10%;
}

.layout__item--width-15 {
	flex-basis: 15%;
}

.layout__item--width-20 {
	flex-basis: 20%;
}

.layout__item--width-25 {
	flex-basis: 25%;
}

.layout__item--width-30 {
	flex-basis: 30%;
}

.layout__item--width-35 {
	flex-basis: 35%;
}

.layout__item--width-45 {
	flex-basis: 45%;
}

.layout__item--width-50 {
	flex-basis: 50%;
}

.layout__item--width-55 {
	flex-basis: 55%;
}

.layout__item--width-60 {
	flex-basis: 60%;
}

.layout__item--width-65 {
	flex-basis: 65%;
}

.layout__item--width-70 {
	flex-basis: 70%;
}

.layout__item--width-75 {
	flex-basis: 75%;
}

.layout__item--width-80 {
	flex-basis: 80%;
}

.layout__item--width-85 {
	flex-basis: 85%;
}

.layout__item--width-90 {
	flex-basis: 90%;
}

.layout__item--full-width {
	flex-basis: 100%;
}

.layout__item--position-relative {
	position: relative;
}

/*
    In general, you'd want to adjust how the app lays out when viewed
    on small devices.
    Below is a minimal example of turning all flex layouts to normal block layouts.
*/
/*@media (max-width: 40em) {
    .layout {
        display: block;
    }

    .layout__item {
        max-height: auto !important;
    }
}*/

.whats-new {
	border-radius: 2px;
	border: 1px solid #ff6624;
	margin-right: 50px;
	font-size: 12px;
	padding: 4px 8px;
	vertical-align: middle;
	color: #ff6624;
}
.whats-new path {
	fill: #ff6624 !important;
}

.whats-new span {
	line-height: 20px;
}

.whats-new__icon {
	width: 18px;
	padding-right: 4px;
	height: 18px;
	vertical-align: sub;
}

.top__banner {
	position: relative;
	text-align: center;
	padding: 0.5em;
	color: #fff;
	background: #006be5;
}

.top__banner--danger {
	background: #e67a00;
}

.top__banner--note {
	background: #fedb2c;
	color: #000000;
}

.top__banner .button {
	display: flex;
	background: transparent;
	border: 2px solid #fff;
	margin: 0 1em;
}

.top__banner .btn--close {
	border: none;
	padding: 0;
	position: absolute;
	top: 50%;
	right: 0.5em;
	transform: translate(0, -50%);
}

.top__banner .btn--close:hover {
	background: transparent;
}

.top__banner .btn--close svg {
	fill: #000;
}

.button {
	-webkit-user-select: none;
	user-select: none;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 0.75em 1.5em;
	margin: 0;
	color: #fff;
	background-color: #006ce5;
	border-radius: 0.17em;
	cursor: pointer;
	transition: background-color 0.1s, color 0.1s;
	border: 1px solid transparent;
	font-size: 1em;
	line-height: 1;
}

.button,
.button a,
.button:hover,
.button a:hover {
	text-decoration: none;
}

.button:hover {
	background-color: #3392ff;
	color: #fff;
}

.button--primary,
.button--primary a {
	color: #1464f6;
}

.button--primary:hover a,
.button--secondary:hover a {
	text-decoration: none;
	color: #ffffff;
}

.button--secondary {
	color: #006ce5;
	background: transparent none;
}

.button.button--danger {
	background-color: rgb(255, 102, 36);
	color: #fff;
}
.button.button--danger:hover {
	background-color: rgb(255, 102, 36);
}

.button.button--delete {
	background-color: #ff3823;
	font-weight: bold;
}
.button.button--delete:hover {
	background-color: #ff3823;
}

.button.button--gray {
	background-color: #ebebeb;
	color: #232323;
	font-weight: bold;
}
.button.button--gray:hover {
	background-color: #ebebeb;
	color: #232323;
}

.button--secondary:hover {
	color: #ffffff;
	background-color: #006ce5;
}

.button--secondary svg {
	fill: currentColor;
}

.button--secondary:hover svg {
	fill: #fff;
}

.button.button--close--primary {
	background-color: #006ce5;
	color: #fff;
	border: 1px solid #006ce5;
	border-radius: 0.25em;
	font-weight: bold;
}
.button.button--close--primary:hover {
	background-color: #3d8af7;
	color: #fff;
}

.button.button--remove--light {
	background-color: #fff;
	color: #232323;
	border: 1px solid #d6d6d6;
	border-radius: 0.25em;
	font-weight: bold;
}
.button.button--remove--light:hover {
	background-color: #dc514a;
	color: #fff;
}

.button.button--remove {
	background-color: #dc514a;
	font-weight: bold;
}
.button.button--remove:hover {
	background-color: #dc514a;
}
.button.button--remove--disabled {
	background-color: #fff;
	font-weight: bold;
	color: #d6d6d6;
	border: 1px solid #d6d6d6;
	border-radius: 0.25em;
	pointer-events: none;
	cursor: not-allowed;
}

.button.button--remove--gray {
	background-color: #ebebeb;
	color: #232323;
	margin-left: 20px;
	font-weight: bold;
}
.button.button--remove--gray:hover {
	background-color: #ebebeb;
	color: #232323;
}

.button.button--close--right--margin {
	background-color: transparent;
	width: 92px;
	font-weight: bold;
	margin-right: 90px !important;
	border: 1px solid #d6d6d6;
	border-radius: 0.25em;
	color: #444444;
}

.button.button--close {
	background-color: transparent;
	width: 92px;
	font-weight: bold;
	margin-right: 0px !important;
	border: 1px solid #d6d6d6;
	border-radius: 0.25em;
	color: #444444;
}
.button.button--close--disabled {
	background-color: transparent;
	font-weight: bold;
	border: 1px solid #d6d6d6;
	border-radius: 0.25em;
	color: #d6d6d6;
	pointer-events: none;
	cursor: not-allowed;
}
.button.button--close:hover {
	background-color: transparent;
	color: #444444;
}
.button.button--close--only--grey--border {
	background-color: transparent;
	width: 92px;
	font-weight: bold;
	margin-right: 20px !important;
	border: 1px solid #d6d6d6;
	border-radius: 0.25em;
	color: #444444;
}
.button.button--close--only--grey--border:hover {
	background-color: transparent;
	color: #444444;
}

.button--large {
	width: 100%;
	padding: 0.5em 1.5em;
	height: 30px;
	font-size: 14px;
}
.button--stocky {
	height: 44px;
	font-size: 16px !important;
	color: #fff;
	background-color: #1181f1;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.1s;
	font-weight: bold;
}

.button--disabled,
.button[disabled] {
	background: #d6d6d6;
	pointer-events: none;
	cursor: not-allowed;
	border: 1px solid #b3b3b3;
}

.button--reactivatedisabled {
	border: none !important;
	height: 40px;
	width: 198px;
	font-size: 14px;
	font-family: Arial;
	color: #fafafa;
}

.button--pill {
	border-radius: 20px;
}

.mq__button--secondary {
	color: #929292 !important;
	background-color: transparent !important;
}

.mq__button--secondary:hover {
	color: #006ce5 !important;
}

.mq__team__quota__button {
	color: #ffffff;
	height: 40px;
	font-weight: bold;
	background-color: #3d8af7 !important;
}

@keyframes bounce{0%,20%,60%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}80%{transform:translateY(-5px)}}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -90deg);opacity:.5}to{transform-origin:center;transform:rotate3d(0, 0, 1, 0deg);opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes backgroundShimmer{0%{background-position:-668px 0}100%{background-position:468px 0}}.hypnotoad{background:#ffe533;color:#3f3014;text-align:center;padding:.5em;position:relative}.hypnotoad p{margin:0}.hypnotoad .button{-webkit-appearance:none;appearance:none;display:inline;padding:0;color:inherit;text-decoration:underline;font-weight:bold;background:rgba(0,0,0,0)}.hypnotoad .button:is(:hover,:focus-active){background:rgba(0,0,0,0);color:#000;text-decoration:underline}.hypnotoad .btn--close{border:none;padding:0;position:absolute;top:50%;right:.75em;transform:translate(0, -50%)}.hypnotoad .btn--close svg{fill:currentColor}
.message {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 1em 0;
	padding: 0.75em;
	color: var(--body-color, inherit);
}
.message--info {
	background-color: #f0f9ff;
	border: 1px solid #d1e2ef;
}
.message--warning {
	background: #fcf8e3;
	border: 1px solid #faebcc;
}
.message--error {
	color: #a94442;
	background: #f2dede;
	border: 1px solid #ebccd1;
}
.message--success {
	background: #dff0d8;
	border: 1px solid #d6e9c6;
}

.theme-dark .message--info {
	background-color: rgba(64, 162, 255, 0.12);
	border-color: rgba(64, 162, 255, 0.4);
}
.theme-dark .message--warning {
	background: rgba(244, 95, 32, 0.12);
	border-color: rgba(244, 95, 32, 0.4);
}
.theme-dark .message--error {
	color: var(--palette-red);
	background: rgba(232, 51, 74, 0.12);
	border-color: rgba(232, 51, 74, 0.4);
}
.theme-dark .message--success {
	background: rgba(138, 205, 37, 0.12);
	border-color: rgba(138, 205, 37, 0.4);
}

.message__close {
	fill: #303030;
	cursor: pointer;
}

.theme-dark .message__close {
	fill: var(--body-color);
}

.features__modal {
	font-size: 16px;
}

.features__modal h3 {
	margin-top: 0;
	margin-bottom: 0.3em;
	font-weight: bold;
}

.features__modal p {
	padding: 0;
	margin: 0.5em;
}

.features__modal .mq__modal__close {
	position: absolute;
	right: 1.5em;
	top: 1.5em;
}

.feature__nav {
	margin-top: 1em;
}

.features__modal .feature__title {
	align-self: flex-start;
	padding: 0 0 1em 0;
	margin: 0;
	font-size: 1.1em;
	color: #606060;
}

.feature__content {
	margin-top: 0.5em;
}

.feature__img {
	position: relative;
}

.feature__img img {
	max-width: 100%;
	border-radius: 5px;
}

.feature__nav {
	display: flex;
	align-items: center;
}

.feature__nav__item {
	cursor: pointer;
	margin-right: 0.3em;
	width: 0.5em;
	height: 0.5em;
	border-radius: 50%;
	background-color: #d6d6d6;
}

.feature__nav__item:last-of-type {
	margin-right: 0;
}

.feature__nav__item--selected {
	background-color: #1464f6;
}

.feature__benefits {
	color: #797979;
}

.feature__content svg {
	height: 2em;
	width: 2em;
	margin-right: 1em;
}

.new__features__badge {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0.5em 0.8em;
	border-radius: 4px;
	font-weight: bold;
	font-size: 0.9em;
	color: #243e16;
	background-color: #fded13;
}

#dashboard {
	height: 100vh;
}

.sidebar-wrapper {
	flex: 1 1 auto;
	min-height: 0;
}
.sidebar-wrapper > .layout {
	min-height: 0;
}
.content-wrapper {
	overflow-y: scroll;
}

.center {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.db-main--projects {
	background: var(--tab-bg);
}

/* Integrations has no page-specific sidebar content, only the mobile nav
   tabs (dashboard.scss shows/hides those via max-width:900px); on desktop
   the drawer itself has nothing to show, so collapse it entirely. */
@media (min-width: 901px) {
	.db-sidebar--tabs-only {
		display: none;
	}
}

.db-folder-name {
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*
	Preloader
	--------------------------
*/

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.preloader-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.drag-source {
	opacity: 0.25;
	pointer-events: none;
}

.drag-ghost {
	position: absolute;
	pointer-events: none;
	display: none;
	margin-left: 10px;
	margin-top: 10px;
}

.drag-ghost.dragging {
	display: block;
}

#line-placeholder {
	height: 2px;
	background: #006ce5;
	position: absolute;
	z-index: 10000;
	pointer-events: none;
}

#line-placeholder:before,
#line-placeholder:after {
	background: #fff;
	border-radius: 50%;
	border: 2px solid #006ce5;
	position: absolute;
	transform: translate(-50%, -50%);
	width: 4px;
	height: 4px;
	content: ' ';
}

#line-placeholder:before {
	top: 50%;
	left: 0;
}

#line-placeholder:after {
	top: 50%;
	left: 100%;
}

.db-tree-node.droptarget {
	box-shadow: 0 0 0 3px #88b4f0 inset;
}

.db-folder-card.droptarget,
.db-list-row.droptarget {
	box-shadow: 0 0 0 2px #88b4f0 inset;
}
.db-folder-card.dragging,
.db-list-row.dragging {
	opacity: 0.5;
}

#sortable-ghost {
	z-index: 999;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMiAxNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTIgMTQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwb2x5Z29uIGZpbGw9IiNGQ0ZDRkMiIHBvaW50cz0iMC41LDEzLjUgMC41LDAuNSA3LjQxOCwwLjUgMTEuNSw0LjU4MiAxMS41LDEzLjUiLz48cGF0aCBmaWxsPSIjNEM0QzREIiBkPSJNNy4yMTEsMUwxMSw0Ljc4OVYxM0gxVjFINy4yMTEgTTcuNjI1LDBIMHYxNGgxMlY0LjM3NUw3LjYyNSwwTDcuNjI1LDB6Ii8+PC9nPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzRDNEM0RCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iNy42MjUiIHkxPSIxIiB4Mj0iNy42MjUiIHkyPSI0Ljg3NSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzRDNEM0RCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTEiIHkxPSI0LjM3NSIgeDI9IjcuNjI1IiB5Mj0iNC4zNzUiLz48L2c+PC9zdmc+DQo=)
		no-repeat center center;
	width: 12px;
	height: 14px;
}

/* /Sortable items */
.btn[disabled],
.btn[aria-disabled='true'],
.db-toolbar a[aria-disabled='true'] {
	opacity: 0.45;
	cursor: default;
	pointer-events: none;
}

.db-toggle:has(input:disabled) {
	opacity: 0.45;
	cursor: default;
}

.db-toggle--disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.input:disabled {
	opacity: 0.45;
	cursor: default;
}

.btn.btn-danger {
	background: var(--palette-red);
	border-color: var(--palette-red);
	color: #fff;
}

.btn.btn-danger:hover {
	filter: brightness(0.92);
}

/*
 * Shared single-line text truncation utility.
 */
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.spinner {
	padding: 4em;
	text-align: center;
	margin-top: 3em;
}

.spinner svg {
	fill: #006ce5;
}

.spinner span {
	font-size: 1.4em;
	color: #999;
	display: block;
	margin: 0.5em 0;
	font-weight: 300;
}

.badge {
	display: inline-block;
	vertical-align: middle;
	border-radius: 50px;
	padding: 0 8px;
	font-weight: normal;
	font-size: 0.7em;
	line-height: 2em;
}

.badge--alert {
	background: #ff3823;
	color: #ffffff;
}

.badge--notice {
	background: #ef5350;
	color: #fff;
}

.badge--note {
	background: #fedb2c;
	color: #000;
}

.badge--yellow {
	background: #ffe533;
	color: #000;
}

.badge--blue {
	background: #e1f0ff;
	color: #136de4;
	text-transform: none;
	white-space: nowrap;
}

.badge--violet {
	background: #f0e5fa;
	color: #6334e3;
	text-transform: none;
	white-space: nowrap;
}

.badge--cancelled {
	border-radius: 6px;
	color: #f54c52;
	background-color: #ffe9ee;
	text-transform: capitalize;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 13px;
	font-family: Helvetica;
	margin-left: 10px;
}

.badge--frozen {
	border-radius: 6px;
	background: #ff3823;
	color: #ffffff;
	text-transform: uppercase;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 13px;
	font-family: Helvetica;
	margin-left: 10px;
}

.badge--secondary {
	background: #909090;
	color: #fff;
}

.badge--left-spaced {
	margin-left: 1em;
}

.badge--right-spaced {
	margin-right: 0.5em;
}

.badge--square {
	border-radius: 0.2em;
}

.badge--narrow {
	line-height: 1.6em;
}

.badge--uppercase {
	text-transform: uppercase;
}

.badge--bold {
	font-weight: bold;
}

.centered-content-box {
	padding: 4em;
	text-align: center;
	margin-top: 3em;
}

.tooltip {
	opacity: 1;
}
.tooltip .rc-tooltip-inner {
	border-radius: 0;
	min-height: 20px;
	transition: 0.3s ease;
}
.tooltip--rounded .rc-tooltip-inner {
	border-radius: 3px;
}

.tooltip--gray .rc-tooltip-arrow {
	border-right-color: #f0f0f0 !important;
	border-left-color: #f0f0f0 !important;
}
.tooltip--gray .rc-tooltip-inner {
	background-color: #f0f0f0 !important;
	color: #000;
}

.tooltip--white .rc-tooltip-arrow {
	border-bottom-color: #ffffff;
	color: #333;
}
.tooltip--white .rc-tooltip-inner {
	background-color: #ffffff !important;
	color: #333;
}
.tooltip--red .rc-tooltip-arrow {
	border-bottom-color: #e34429;
}
.tooltip--red .rc-tooltip-inner {
	background-color: #e34429 !important;
}
.tooltip--green .rc-tooltip-arrow {
	border-bottom-color: #008200;
}
.tooltip--green .rc-tooltip-inner {
	background-color: #008200 !important;
}

.tooltip--blue .rc-tooltip-inner {
	background: #f0f8ff !important;
	color: #333;
}
.tooltip--blue .rc-tooltip-arrow {
	border-bottom-color: #f0f8ff !important;
	color: #333;
}

.tooltip__children {
	display: inline-block;
	width: 100%;
}

.inline-editable__buttons button {
	margin-left: 10px;
}

.inline-editable__label {
	font-weight: bold;
	padding-right: 7px;
}

.project__name {
	width: calc(100% - 26px); /* Accounts for more actions icon width */
	display: flex;
	align-items: center;
	margin-bottom: 0.25em;
	padding-bottom: 1px;
	font-size: 1em;
	color: #444444;
}

.project__name .inline-editable__label {
	font-weight: normal;
}

.project__name--folder {
	width: calc(100% - 2.2em); /* Accounts for folder icon width */
	margin-bottom: 0;
	padding-bottom: 0;
}

.project__name input,
.project__name input:focus {
	width: 100%;
	padding: 0.2em 0em;
	border: none !important;
	border-bottom: 2px solid #6eb1f9 !important;
	border-radius: 0 !important;
}

.project__name__title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.project__name a:hover {
	text-decoration: underline;
}

.project__name .quick__edit {
	padding: 0 5px;
	visibility: hidden;
	fill: #727272;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.project__name .quick__edit:hover {
	fill: #444444;
}
.project__name:hover .quick__edit {
	visibility: visible;
}

/*
 * Hover-reveal rename pencil
 */
.db-project-name .quick__edit {
	padding: 0 5px;
	visibility: hidden;
	fill: #727272;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
}

.db-project-name .quick__edit:hover {
	fill: #444444;
}
.db-project-name:hover .quick__edit {
	visibility: visible;
}

.db-folder-name .quick__edit,
.db-list-row-name .quick__edit {
	padding: 0 5px;
	visibility: hidden;
	fill: #727272;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
}
.db-folder-name .quick__edit:hover,
.db-list-row-name .quick__edit:hover {
	fill: #444444;
}
.db-folder-card:hover .quick__edit,
.db-list-row:hover .quick__edit {
	visibility: visible;
}

.db-wrap.theme-dark .db-project-name .quick__edit,
.db-wrap.theme-dark .db-folder-name .quick__edit,
.db-wrap.theme-dark .db-list-row-name .quick__edit {
	fill: var(--body-muted-color);
}

.db-wrap.theme-dark .db-project-name .quick__edit:hover,
.db-wrap.theme-dark .db-folder-name .quick__edit:hover,
.db-wrap.theme-dark .db-list-row-name .quick__edit:hover {
	fill: var(--heading-color);
}

.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}
.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.rc-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.5;
  opacity: 0.9;
}
.rc-tooltip-hidden {
  display: none;
}
.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 5px 0 9px 0;
}
.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}
.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px 0;
}
.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}
.rc-tooltip-inner {
  padding: 8px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #373737;
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
  min-height: 34px;
}
.rc-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-tooltip-placement-top .rc-tooltip-arrow,
.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: 4px;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #373737;
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}
.rc-tooltip-placement-right .rc-tooltip-arrow,
.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: 4px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #373737;
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-left .rc-tooltip-arrow,
.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: 4px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #373737;
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: 4px;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #373737;
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}

.dropdownmenu__wrapper {
	display: inline-block;
	position: relative;
}

.dropdownmenu__wrapper--full {
	width: 100%;
}

.contextmenu, .contextmenu__submenu {
	pointer-events: all;
	cursor: default;
	position: absolute;
	padding: 0.2em 0;
	background: #fff;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ccc;
	border-radius: 0.3em;
	min-width: 18em;
	z-index: 6000;
	top: 100%;
	left: 0;
}

.contextmenu--scrollable {
	overflow-y: auto;
}

.contextmenu--auto-width, .contextmenu--auto-width .contextmenu__submenu {
	min-width: auto;
}

.contextmenu--borderless, .contextmenu--borderless .contextmenu__submenu {
	border: none;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
}
.contextmenu__submenu__marker {
	font-size: 0.8em;
}

.contextmenu--bottom {
	top: auto !important;
	bottom: 0;
}

.contextmenu--right {
	left: auto !important;
	right: 0;
}

.contextmenu__submenu {
	position:absolute;
	top: 0;
	left: 100%;
}

.contextmenu__submenu--scrollable {
	overflow-y: auto;
}

.contextmenu__item {
	position: relative; /* so submenu positions properly */
}

.contextmenu__item:hover > .contextmenu__item__label {
	color: #fff;
	background: #006ce5;
}

.contextmenu__item--submenuactive  > .contextmenu__item__label {
	color: #fff;
	background: #006ce5;
}

.contextmenu__item__label {
	width: 100%;
	padding: 0.2em 1em;
	display: flex;
	box-sizing: border-box;
	font-size: 0.95em; /*Slightly smaller, but better visuals*/
}

.contextmenu__item__title {
	flex-grow: 1;
	white-space: nowrap;
}
.contextmenu__item__description {
	flex-grow: 0;
	white-space: nowrap;
	color: #999;
	font-size: 0.9em;
}

.contextmenu__item:hover > .contextmenu__item__description {
	color: #fff;
	background: #006ce5;
}

.contextmenu__item__badge {
	font-size: 0.8em;
	display: inline-block;
	background-color: #e0efff;
	border-radius: 30px;
	padding: 0 0.5em;
	color: #333333;
	/* float: right; */
	position: absolute;
	right: 10px;
	bottom: 5px;
}

.contextmenu__separator {
	display: block;
	height: 1px;
	background: #E0E0E0;
	margin: 0.2em 0;
}

.contextmenu__item--disabled {
	pointer-events: none;
	color: #f3f3f3;
}

.contextmenu__item--disabled .contextmenu__item__label {
	background: transparent;
	color: #999;
	pointer-events: none;
}

.contextmenu__item.delete-permanently {
	fill: #e34429;
	color: #e34429;
}

.mq-link-dropdown {
	color: #555;
	position: relative;
}

.mq-link-dropdown-current {
	cursor: pointer;
}

.mq-link-dropdown-current:after {
	content: ' \25be';
	/*color: #555;*/
}

.mq-link-dropdown .mq-link-dropdown-current a {
	text-decoration: underline;
}

.mq-link-dropdown .mq-link-dropdown-current.isDisabled {
	cursor: default;
}

.mq-link-dropdown .mq-link-dropdown-current.isDisabled a {
	cursor: default;
	text-decoration: none;
	color: #555;
}

.mq-link-dropdown .mq-link-dropdown-current.isDisabled a:hover {
	text-decoration: none;
}

.mq-link-dropdown .mq-link-dropdown-current a:hover {
	text-decoration: underline;
}
.letter__avatar {
    text-align: center;
    line-height: 2em;
    min-width: 2em;
    max-width: 2em;
    height: 2em;
    display: inline-block;
    border-radius: 50%;
    margin-right: 0.75em;
    color: white;
    background-color: #007ee5;
}
.tooltip {
	opacity: 1;
}
.tooltip .rc-tooltip-inner {
	border-radius: 0;
	min-height: 20px;
	transition: .3s ease;
}
.tooltip--rounded .rc-tooltip-inner{
	border-radius: 3px;
}

.tooltip--white.rc-tooltip-placement-bottom .rc-tooltip-arrow {
	border-bottom-color: #ffffff;
	color: #333;
}
.tooltip--white.rc-tooltip-placement-right .rc-tooltip-arrow {
	border-right-color: #FFF;
}
.tooltip--white .rc-tooltip-inner {
	background-color: #ffffff!important;
	color: #333;
}
.tooltip--red .rc-tooltip-arrow {
	border-bottom-color: #e34429;
}
.tooltip--red .rc-tooltip-inner {
	background-color: #e34429!important;
}
.tooltip--green .rc-tooltip-arrow {
	border-bottom-color: #008200;
}
.tooltip--green .rc-tooltip-inner {
	background-color: #008200!important;
}

.tooltip--blue .rc-tooltip-inner {
	background: #F0F8FF !important;
	color: #333;
}
.tooltip--blue .rc-tooltip-arrow {
	border-bottom-color: #F0F8FF !important;
	color: #333;
}

.tooltip--gray.rc-tooltip-placement-right .rc-tooltip-arrow {
	border-right-color: #f6f6f6;
}
.tooltip--gray .rc-tooltip-inner {
	background-color: #f6f6f6!important;
	border: 1px solid #d1d1d1;
	color: #aaaaaa;
}

.tooltip--noarrow .rc-tooltip-arrow {
	display: none;
}

.tooltip__children {
	display: inline-block;
	width: 100%;
}

.dropdown-input__container {
	position: relative;
	height: 100%;
}

.dropdown-input__button {
	width: 1.5em;
	position: absolute;
	height: 100%;
	right: 1px;
	cursor: pointer;
}

.dropdown-input__button:after {
	content: '\25BE';
	position:absolute;
	top: 50%;
	left: 50%;
	font-size: 1.5em;
	line-height: 1.5;
	transform: translate(-50%,-50%);
}

.dropdown-input__button.open:after {
	content: '\25B4';
}

.dropdown-input__input {
	width: 100px;
}

.dropdown-input__input.no-focus {
	cursor: pointer;
}

.dropdown-input__options-container {
	overflow-y: scroll;
	max-height: 200px;
	position: absolute;
	width: 100%;
	z-index: 1000;
}

.dropdown-input__option {
	padding: 0.1em;
	cursor: pointer;
}

.dropdown-input__option:hover, .dropdown-input__option.focused {
	background-color: #eee;
}

.dropdown-input__options-container.hidden {
	display: none;
}

.dropdown-input__container.has-label-overlay .dropdown-input__span {
	position: relative;
}

.dropdown-input__label-view {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	pointer-events: none;
	height: 100%;
	box-sizing: border-box;
	padding: 0.5em;
	background: white;
	cursor: pointer;
}



.dropdown-input__label-view.no-padding {
	padding: 0;
}

.dropdown-input__label-view.no-vertical-padding {
	padding: 0 0.5em;
}
.button {
	-webkit-user-select: none;
	user-select: none;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 0.75em 1.5em;
	margin: 0;
	color: #fff;
	background-color: #006ce5;
	border-radius: 0.17em;
	cursor: pointer;
	transition: background-color .1s, color .1s;
	border: 1px solid transparent;
	font-size: 1em;
	line-height: 1;
}

.button, .button a,
.button:hover, .button a:hover {
	text-decoration: none;
}

.button:hover {
	background-color: #3392ff;
	color: #FFF;
}

.button--primary,
.button--primary a {
	color: #1464f6;
}

.button--primary:hover a,
.button--secondary:hover a {
	text-decoration: none;
	color: #FFFFFF;
}

.button--secondary {
	color: #006ce5;
	background: transparent none;
}

.button--secondary:hover {
	color: #FFFFFF;
	background-color: #006ce5;
}

.button--large {
	width: 100%;
	padding: 0.5em 1.5em;
	height: 30px;
	font-size: 14px;
}

.button--disabled,
.button[disabled] {
	background: #d6d6d6;
	cursor: not-allowed;
	border: 1px solid #b3b3b3;
}


.sharing__avatar {
	display: flex;
	flex-shrink: 0;
	margin-right: 0.5em;
}

.sharing__avatar img {
	border-radius: 50%;
	width: 28px;
	height: 28px;
}

.sharing__avatar {
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-items: center;
	border-radius: 50%;
}

.sharing__avatar--team {
	border-radius: 4px;
}

.sharing__avatar--team img {
	border-radius: 25%;
}

.sharing__avatar svg {
	fill: #fff;
	width: 100%;
	height: 100%;
	margin: auto;
}

.sharing__avatar--team svg,
.sharing__avatar--suggestion svg {
	width: 50%;
	height: 50%;
}

.team__selected {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-grow: 1;
	cursor: pointer;
}

.team__selected svg:last-of-type {
	margin-left: auto;
}

.team__selected span {
	margin-left: 5px;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.team__select__name .svg {
	font-size: 10px;
	margin: 0 5px;
}

.team__select__dropdown__menu {
	max-width: 480px;
}

.team__select__dropdown__menu .contextmenu__item__title {
	overflow: hidden;
	flex-grow: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.team__select__dropdown__menu .dropdown__menu__option {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.team__select {
	margin-left: 50px;
	max-width: 380px;
}

.team__select .dropdown__menu__dropdown {
	width: 100%;
	box-sizing: border-box;
}

.team__select .dropdown__menu__dropdown:hover {
	box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.18);
}

.team__select__badge {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	margin-left: 1em;
}

.team__select--floating li {
	padding: 5px;
}

/* Simple dropdown style */
.dropdown__outer {
	display: inline-block;
	border: 1px solid #b8b8b8;
	background: #fff;
	padding: 1px;
	border-radius: 0.15em;
}

.dropdown__inner {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.dropdown__value {
	padding: 0.2em 0.4em;
}

.dropdown__toggle {
	padding: 0 0.35em;
	border-left: 1px solid #b8b8b8;
}

.dropdown__toggle svg {
	width: 0.75em;
	height: 0.75em;
}

/* New dropdown styles */

.dropdown__menu {
	max-height: 100%;
	overflow-y: auto;
}

.dropdown__menu__dropdown {
	padding: 0.4em;
	transition: all 0.2s ease;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	white-space: pre; /* Don't let dropdown trigger wrap text */
}

.dropdown__menu__dropdown:hover {
	border: 1px solid #e6e6e6;
}

.dropdown__menu svg,
.dropdown__menu__dropdown svg {
	fill: #1464f6;
	width: 18px;
	height: 18px;
}

.dropdown__menu__dropdown .dropdown__icon,
.dropdown__menu .dropdown__icon {
	padding-left: 1.3em;
}

.dropdown__menu__option .dropdown__icon {
	height: 12px;
	width: 12px;
}

.dropdown__menu.contextmenu {
	padding: 0;
}

.dropdown__menu .contextmenu__item:hover {
	background-color: #fff;
}

.dropdown__menu .contextmenu__item:hover {
	background-color: #f7f6f6;
}

.dropdown__menu .contextmenu__item:not(:last-of-type) {
	border-bottom: 1px dotted #aaaaaa;
}

.dropdown__menu__option {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.dropdown__menu__option__secondary {
	font-size: 0.9em;
	color: #c0c0c0;
	padding-top: 0.9em;
}

.dropdown__menu .contextmenu__item__label {
	padding: 1em;
	cursor: pointer;
}
.dropdown__menu .contextmenu__item__label:hover {
	color: initial;
	background: initial;
}

.dropdown__option--important {
	color: #e61610;
}

.modal__warning {
	padding: 1em;
	margin: 0.5em 0;
	background-color: #fffde7;
	color: #f57f17;
}

.modal__warning svg {
	height: 1.5em;
	width: 1.5em;
	padding-right: 1em;
	fill: #f57f17;
}

.db-settings-item-text p.text-error {
	color: var(--palette-red);
}

/*
 * For long Team names.
 */
.db-settings-item-text p a {
	overflow-wrap: break-word;
}

.mq__input--readonly input {
	background: var(--well-bg, #ebebeb);
}

.mq__input--error span {
	color: var(--palette-red, #a94442);
	font-size: 0.75rem;
	font-weight: 500;
}

.avatar__list__wrapper {
	width: 410px;
	padding: 0.75em;
}
.avatar__list {
	display: flex;
	flex-wrap: wrap;
}
.avatar__list > span {
	margin: 0 5px;
	cursor: pointer;
}

.avatar__list img {
	transition: all 0.1s ease-in-out;
}
.avatar__list img:hover {
	box-sizing: border-box;
	border: 2px solid black;
}
.avatar__list__upload {
	margin-bottom: 10px;
}
.avatar__list__upload a {
	cursor: pointer;
}
.avatar__list__upload a:hover {
	text-decoration: underline;
}
.avatar__list__upload input {
	display: none;
}

.letter__avatar {
	text-align: center;
	line-height: 2em;
	width: 2em;
	height: 2em;
	min-width: 2em;
	min-height: 2em;
	display: inline-block;
	border-radius: 50%;
	margin-right: 0.75em;
	color: white;
	background-color: #007ee5;
}

.avatar-image {
	border-radius: 50%;
	vertical-align: middle;
}
.team-avatar {
	cursor: pointer;
	border-radius: 20%;
}
.avatar-image--micro {
	width: 18px;
	height: 18px;
}
.avatar-image--small {
	width: 30px;
	height: 30px;
}
.avatar-image--sidebar {
	width: 2em;
	height: 2em;
}
.avatar-image--bigger {
	width: 70px;
	height: 70px;
}
.avatar-image--biggest {
	width: 90px;
	height: 90px;
}
.avatar-image--full {
	max-width: 100%;
}

/* Fallback shown by AvatarImage.js when the <img> fails to load */
.avatar-image--fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}
.avatar-image--micro.avatar-image--fallback {
	font-size: 9px;
}
.avatar-image--small.avatar-image--fallback {
	font-size: 15px;
}
.avatar-image--sidebar.avatar-image--fallback {
	font-size: 1em;
}
.avatar-image--bigger.avatar-image--fallback {
	font-size: 32px;
}
.avatar-image--biggest.avatar-image--fallback {
	font-size: 42px;
}
.avatar-image--full.avatar-image--fallback {
	width: 100%;
	height: 100%;
	font-size: 1.5em;
}

.popover--simple {
	position: absolute;
	z-index: 99;
}
.popover--simple > div {
	/*position: absolute;*/
	background-color: #fff;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
	border-radius: 0.3em;
	z-index: 1;
}

.db-wrap.theme-dark .popover--simple > div {
	background-color: var(--well-bg);
	border-color: var(--well-border-color);
}

.avatar__wrapper {
	position: relative;
	display: flex;
	margin: 0 20px;
	max-width: 200px;
	align-items: center;
	flex-direction: column;
	font-size: 12px;
	cursor: pointer;
}
.avatar--uploading {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.avatar--uploading svg {
	fill: #fff;
	margin: auto;
}
.team__avatar__list__popover {
	left: 35%;
	top: 15%;
}
.avatar__edit {
	position: absolute;
	top: -5px;
	right: -5px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #d6d6d6;
	background: #fff;
}

.avatar__edit svg {
	fill: #aaaaaa;
	height: 70%;
	width: 70%;
}

.collapse__wrapper {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #f0f0f0;
}
.collapse__wrapper > div {
	padding: 1em 0;
}
.collapse {
	display: block;
	cursor: pointer;
}
.collapse span {
	float: right;
	margin-left: 0.375rem;
	color: #999999;
}

.collapse--hidden {
	display: none;
}

.db-wrap.theme-dark .collapse__wrapper {
	border-color: var(--well-border-color);
}

.db-wrap.theme-dark .collapse span {
	color: var(--body-muted-color);
}

.transfer__item {
	padding: 0.2em 0;
	box-sizing: border-box;
	min-width: 0;
}
.transfer__option {
	border-radius: 5px;
	min-width: 200px;
	max-width: 100%;
	padding: 0.25em 1em 0.25em 0.25em;
	margin-left: 0.25em;
}
/* .ellipsis (app/components/base/Dashboard.css) handles the truncation itself */
.transfer__option__name {
	flex: 1;
	min-width: 0;
}
.transfer__option img {
	display: inline-block;
	vertical-align: middle;
	width: 30px !important;
	height: 30px !important;
	margin-right: 3px;
}
.transfer__option .avatar-image--fallback {
	width: 30px;
	height: 30px;
	min-width: 30px;
	min-height: 30px;
	margin-right: 3px;
	font-size: 15px;
}
.transfer__item input[type='radio']:checked + .transfer__option {
	color: #fff;
	background: #006ce5;
	border-radius: 5px;
	min-width: 200px;
}
.transfer__input {
	padding: 0.25em 1em 0.25em 0;
	margin-left: 0.25em;
	display: inline-block;
	vertical-align: middle;
}
.transfer__input input {
	font-size: 1em;
	box-sizing: border-box;
	border: 1px solid #ddd;
	outline: 0;
	padding: 0.5em;
	color: #555;
	transition: border-color 0.1s;
	border-radius: 0.25em;
	min-width: 218px;
}

.archive__project__nudger {
	padding-top: 33px;
	padding-left: 45px;
}
.archive__project__nudger .layout__item {
	/*padding-left: 4px;*/
}
.archive__project__nudger img {
	width: 320px;
	height: 180px;
}
.archive__project__nudger__img {
	padding-left: 40px;
}

.profile-card {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.profile-card:hover .profile-card__name {
	text-decoration: underline;
}
.profile-card__name {
	/*cursor: pointer;*/
	padding-left: 3px;
	color: #424242;
	font-size: 1.1em;
}

.db-wrap.theme-dark .profile-card__name {
	color: var(--body-color);
}
.profile-card__expanded {
	transition: transform 0.15s 0.2s, opacity 0.15s 0.2s, visibility 0s 0.2s;
	transition-timing-function: ease-out;
	transform: translate(0, 3em);
	left: 0;
	top: 100%;
	z-index: 1000;
	visibility: hidden;
	opacity: 0;
}
.profile-card:hover .profile-card__expanded {
	transform: translate(0, 0);
	transition: all 0.15s 0.7s;
	visibility: visible;
	opacity: 1;
}
.profile-card__content {
	display: flex;
	padding: 1em;
}
.profile-card__avatar {
	margin-right: 1em;
}
.profile-card__title {
	color: initial !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.profile-card__title > div {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.profile-card__expanded svg {
	width: 1em;
	margin-right: 0.25rem;
	fill: #aaaaaa;
}

.profile-card__expanded img {
	max-width: none;
}

.meta {
	margin-left: 0;
	color: #7a7a7a;
	padding: 5px 5px 0;
	display: inline-block;
	width: 100%;
	font-size: 0.9em;
	word-wrap: break-word;
	text-overflow: ellipsis;
}
.meta--detailed {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	padding-left: 0;
	padding-top: 10px;
	height: auto;
	white-space: nowrap;
	overflow: hidden;
}

/*
 * ProfileCard hover popover
 */
.db-meta-profile {
	position: relative;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}
.db-meta-profile .profile-card .click-action {
	display: none;
}
.db-meta-profile:hover .profile-card__expanded {
	transform: translate(0, 0);
	transition: all 0.15s 0.7s;
	visibility: visible;
	opacity: 1;
}

.db-breadcrumb {
	overflow-x: auto;
}

.db-breadcrumb--simple {
	margin-bottom: 1em;
}

.db-breadcrumb-step {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	color: var(--body-muted-color);
	text-decoration: none;
}

.db-breadcrumb-step:hover {
	color: var(--heading-color);
	text-decoration: underline;
}

.db-breadcrumb-step--home {
	flex-shrink: 0;
	max-width: 15em;
}

.db-breadcrumb-current {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.projects__list--simple {
	min-height: 100%;
}

.projects__list--detailed {
	padding: 8px;
	/*	EXPERIMENTAL GRID*/
	display: grid;
	grid-gap: 0;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.projects__list--detailed.projects__list--folders {
	padding: 8px 8px 0 8px;
}

.projects__list__delimiter {
	width: 100%;
	height: 1px;
	border-top: 1px solid #e0e0e0;
}

.projects__list--simple .projects__list__delimiter {
	margin: 2em 0;
}

.db-projects-list .db-list-row {
	border-bottom-color: var(--table-border-color);
}

.project__drag__ghost {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	pointer-events: none;
	display: flex;
	align-items: center;
	padding: 5px;
	border-radius: 4px;
	background-color: #f8f8f9;
	color: #88b4f0;
}
.project__drag__ghost svg {
	fill: #88b4f0;
}

.project__drag__ghost span {
	margin-left: 10px;
}

.db-toolbar-search .input-button {
	position: static !important;
	align-self: center !important;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 0;
	margin: 0 0.375rem;
}

.progress-bar {
	width: 100%;
	height: 0.5em;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.1);
	/*border: 1px solid #006ce5;*/
	border-radius: 1px;
	margin-bottom: 3px;
}
.progress-bar > div {
	display: block;
	height: 100%;
	background: #006ce5;
	transition: width 0.35s;
}

.progress-bar.progress-bar--full {
	/*border: 1px solid #db3c37;*/
}
.progress-bar.progress-bar--full > div {
	background: #db3c37;
}

.progress-bar.progress-bar--half-full {
	/*border: 1px solid #e67e22;*/
}
.progress-bar.progress-bar--half-full > div {
	background: #e67e22;
}

.quota {
	font-size: 12px;
}
.quota--teams {
	padding-top: 10px;
}
.quota--multiple-teams {
	padding-top: 5px;
}
.quota__item--multiple-teams {
	color: #757575;
}
.quota__item {
	margin-right: 2em;
	color: #757575;
}
.quota__resource {
	display: flex;
}
.quota__resource svg {
	margin-right: 0.5em;
	height: 1.5em;
	fill: #757575;
}
.quota__bar {
	flex-grow: 1;
}
.quota__change-plan button {
	width: 100%;
	margin-top: 10px;
	font-size: 1.4em !important;
	text-transform: uppercase;
}
.quota__change-plan a {
	color: #fff;
}

.sidebar-quota {
	width: auto;
	padding: 1em 1em 1.5em 1em;
	color: #757575;
	border-top: 1px solid #e0e0e0;
}
.sidebar-quota .quota__resource {
	margin-top: 0.6em;
}

.sidebar-quota h4 {
	font-weight: normal;
	margin: 0 0 0.5em;
	font-size: 1.1em;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sidebar-quota .quota__bar {
	margin-top: 5px;
}

.db-team-picker .dropdown li>a .db-team-item-name{flex:1;min-width:0;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;white-space:nowrap}.db-team-picker .dropdown li>a .icon{flex-shrink:0}
.db-team-nav-avatar {
	--img-size: 1.75rem;
	--img-border-radius: 0.375rem;
	height: var(--img-size);
	flex-shrink: 0;
	overflow: hidden;
}

.db-team-nav-avatar .avatar-image--fallback {
	width: 100%;
	height: 100%;
	border-radius: var(--img-border-radius);
	font-size: 0.875rem;
}

.db-team-page-avatar .avatar__wrapper__no-margin {
	width: 100%;
	height: 100%;
	justify-content: center;
}

.db-team-page-avatar > img {
	width: 100%;
	height: 100%;
	line-height: 2.75rem;
}

.db-team-page-avatar .avatar-image--fallback {
	width: 100%;
	height: 100%;
	font-size: 1.375rem;
}

.db-team-page-avatar .avatar__edit {
	width: 16px;
	height: 16px;
	top: auto;
	bottom: 0;
	right: 0;
}

.team-card__name__simple {
	margin-left: 1.4em;
	font-size: 1.4em;
}

.team-card__name--owner {
	margin-top: 1em;
	font-size: 1.5em;
}

.team-card__name--owner svg {
	width: 20px;
	height: 20px;
}

.team-card__name--owner .inline-editable__label {
	font-weight: normal;
}

.team-settings {
	padding: 20px 0 20px 30px;
}

.team-setting__item {
	padding-top: 10px;
}

.team-setting__item--description {
	font-size: 0.8em;
}

.team-settings__reviewers {
	border-radius: 5px;
	background: #e4dbdb;
}
.frozen-team_account {
	background: #ff9060;
	font-size: 14px;
	font-weight: bold;
	color: #303030;
}

.db-team-settings-name > span {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	min-width: 0;
}

.db-team-settings-name .inline-editable__label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

.db-team-settings-name svg {
	flex-shrink: 0;
}

/* Inline "Unlimited" crown tag next to the "Disallow private projects" radio */
.db-modal-body .mq-premium.mq-premium--tag {
	display: inline-flex;
	align-items: center;
	gap: 0.1875rem;
	margin: 0.375rem 0 0;
	padding: 0.0625rem 0.4375rem 0.0625rem 0.3125rem;
	border-radius: 0.5rem;
	font-family: var(--moqups-font);
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.4;
	color: var(--palette-purple, #7656f3);
	background: rgba(118, 86, 243, 0.12);
}

/* Full-width "included in our Business and Unlimited plans" callout */
.db-modal-body .mq-message.mq-premium:not(.mq-premium--tag) {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin-top: 0.75rem;
	padding: 0.75rem 0.875rem;
	border-radius: 0.5rem;
	font-family: var(--moqups-font);
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--palette-purple, #7656f3);
	background: rgba(118, 86, 243, 0.1);
}

.db-modal-body .mq-message.mq-premium a {
	color: var(--palette-purple, #7656f3);
	font-weight: 600;
	text-decoration: underline;
}

/* "Upgrade your plan …" nudge below the disabled radio */
.db-modal-body .switch__section__secondary {
	margin-top: 0.375rem;
	font-family: var(--moqups-font);
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--body-muted-color);
}

.db-modal-body .switch__section__secondary a {
	color: var(--palette-purple, #7656f3);
	font-weight: 600;
}

.db-invite-textarea--domainlist {
	margin-top: 0;
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.text-area-no-resize {
	resize: none;
}

.add-members-domainlist {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 15px;
	max-width: 72rem;
	padding: 0.625rem;
	font-size: 0.875rem;
	color: var(--body-muted-color);
	background: var(--well-bg);
	border: 1px solid var(--well-border-color);
	border-top-left-radius: 0.375rem;
	border-top-right-radius: 0.375rem;
}

.add-members-domainlist svg {
	fill: var(--body-muted-color);
	flex-shrink: 0;
}

.add-members-domainlist a {
	margin-left: auto;
}

/* .add-members-form is still consumed by OffboardingFeedbackForm.js */
.add-members-form {
	line-height: 1.4;
	padding-bottom: 1em;
}

.db-invite-actions .team-member__info-label {
	font-size: 100%;
}

.dropdown-wrapper.team-member-roledropdown .dropdown {
	min-width: 17.5rem;
	max-width: 20rem;
}

/* Tighter separators — an option separator renders between every item */
.dropdown-wrapper.team-member-roledropdown .dropdown li.separator::after {
	margin: 0.375rem 0.5rem;
}

/* Role option item (richer than a plain dropdown link: title + description) */
.team-member-role {
	display: block;
	width: 100%;
	padding: 0.563rem 1rem 0.563rem 0.5rem;
	border-radius: 0.375rem;
	cursor: pointer;
}

.team-member-role:not(.selected):not(.disabled):hover {
	background: var(--dropdown-hover-bg);
}

.team-member-role_layout {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.5rem;
	width: 100%;
}

.team-member-role_content {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
}

.team-member-role_title-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
}

.team-member-role_title {
	font-family: var(--moqups-font);
	font-size: 0.938rem;
	color: var(--dropdown-color);
}

.team-member-role.selected .team-member-role_title {
	font-weight: 700;
}

.team-member-role.disabled .team-member-role_title {
	color: var(--body-muted-color);
}

.team-member-role_desc {
	white-space: pre-wrap;
	font-size: 0.75rem;
	line-height: 1.3;
	color: var(--body-muted-color);
}

.team-member-role_checkmark {
	margin-top: 0.125rem;
	flex-shrink: 0;
}

.team-member-role .upgrade-plan {
	background: #fec63d;
	color: #000;
	font-weight: bold;
	font-size: 11px;
	padding: 2px 10px;
	border-radius: 0.3em;
	white-space: nowrap;
	flex-shrink: 0;
}

/* Warning badge on member rows (reviewerThatTakesAPaidSeat) */
.team-member__warning {
	display: flex;
	align-items: center;
	padding: 0.25em 0.5em;
	color: #fbc02d;
	background-color: #fefce0;
	border: 1px solid #fbc02d;
	border-radius: 3px;
	font-size: 12px;
	flex-shrink: 1;
	min-width: 0;
}

.team-member__warning svg {
	height: 1.5em;
	width: 1.5em;
	margin-right: 0.5em;
	fill: #fbc02d;
	flex-shrink: 0;
}

.db-wrap.theme-dark .team-member__warning {
	background-color: rgba(251, 192, 45, 0.15);
	border-color: rgba(251, 192, 45, 0.35);
}

/* Upgrade-plan info modal content (rendered by TeamMember's updateSubscription modal) */
.upgrade-plan__details {
	padding-left: 5px;
}
.upgrade-plan__details--title {
	font-weight: bold;
}
.upgrade-plan__row {
	padding-top: 10px;
}

.db-members-section .db-teams-divider {
	margin-left: 0;
	margin-right: 0;
}

.db-members-section + .db-members-section {
	padding-top: 0;
}

.db-member-avatar .avatar-image--bigger.avatar-image--fallback {
	width: 100%;
	height: 100%;
	font-size: 18px;
}

.label--info {
	display: inline-block;
	position: relative;
	margin-left: 0.75em;
	padding: 0.75em 1.5em;
	background-color: #ecf0f1;
	font-size: 12px;
	color: #7f8c8d;
	border-radius: 0.25em;
}
.label--info:before {
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	height: 0;
	width: 0;
	border: solid transparent 8px;
	content: ' ';
	pointer-events: none;
	border-right-color: #ecf0f1;
}


.billing__discount {
	display: flex;
	align-items: center;
}

.billing__discount__info {
	display: inline-flex;
	align-items: center;
	padding-left: 6px;
}

.billing__discount__info svg {
	height: 18px;
	width: 18px;
	fill: #3d8af7;
}

.quota-wrapper {
	margin: 1em 0 1.25rem;
}

.ccinfo {
	margin: 1.5em 0;
	color: #777;
	font-weight: bold;
}

.details__bonus-seats {
	font-size: 0.75em;
	color: #a9a9a9;
	margin-top: 0;
}

.details__bonus-seats-info {
	max-width: 200px;
}

.details__bonus-seats-info p {
	margin: 0;
}

.db-sub-plan .details__bonus-seats svg {
	height: 14px;
	width: 14px;
	fill: #a9a9a9;
	padding-top: 0.1em;
	padding-left: 0.3em;
}

.db-wrap.theme-dark .billing__discount__info svg {
	fill: var(--link-color);
}

.db-wrap.theme-dark .ccinfo,
.db-wrap.theme-dark .details__bonus-seats {
	color: var(--body-muted-color);
}

.db-wrap.theme-dark .db-sub-plan .details__bonus-seats svg {
	fill: var(--body-muted-color);
}

.billing-address {
	flex-grow: 1;
	padding: 1.5rem 1.5rem 3rem;
	max-width: 48rem;
}

/* fix for keeping "Individual" and "Business" closer together. */
.db-radio-group .input-component {
	width: auto;
}

:global .form-element {
	padding-right: 1em;
	margin: 0 0 0.5em;
	box-sizing: border-box;
}

:global .form-element button {
	margin: 0.25em 0;
}

:global select {
	padding: 0.25em;
}

select {
	width: 100%;
}

.vat-tooltip {
	max-width: 300px;
}

.vat-indicator {
	color: #006ce5;
	margin-left: 0.2em;
	cursor: pointer;
}

.db-wrap.theme-dark .vat-indicator {
	color: var(--link-color);
}

.db-billing-grid .input-block {
	flex-direction: column;
	margin: 0;
	max-width: 100%;
}

/*
  Required-asterisk indicator
*/
.db-billing-grid .input:has(> input[required]) > label::after,
.db-billing-grid .input:has(> select[required]) > label::after {
	content: ' *';
	color: var(--palette-red);
}

.db-billing-grid .input.input-icon-right {
	flex-direction: column;
}

.db-billing-grid .input.input-icon-right svg {
	top: 2.2rem;
	bottom: auto;
}

.billing-address__note {
	margin-top: 1.5rem;
}

.billing-address__note h4 {
	margin-top: 0;
}

.billing-address__note p:last-child {
	margin-bottom: 0;
}

.updatepayment {
	background: var(--db-main-bg, var(--body-bg));
	margin: -1em;
}

.updatepayment__header {
	background: var(--db-main-bg, var(--body-bg));
	padding: 1em;
}

.updatepayment__body {
	max-width: 65em;
	margin: 0 auto;
	padding: 1em 1.5em 1.5em;
}

.updatepayment .lockicon {
	fill: #fff;
	height: 1.25em;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.1em;
	margin-right: 0.25em;
}

.paypal,
.bank-order {
	width: 5em;
	height: 2.5em;
	margin-left: 0.5em;
}

.amex,
.visa,
.mastercard {
	width: 3em;
	height: 1.5em;
}
/**
	Hero Payment
 */
.hero__wrapper {
	padding-top: 0;
	padding-bottom: 20px;
	background: #0f88f2;
	text-align: center;
}
.hero__wrapper h1 {
	color: #fff;
	font-weight: 600;
	font-size: 30px;
	line-height: 1.22;
	margin: 0 auto 50px;
	width: 60%;
	font-feature-settings: 'lnum';
}
.hero__wrapper .billing-type {
	cursor: pointer;
	outline: none;
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	font-size: 13px;
	border: 1px solid #ffffff;
	background: transparent;
}
.hero__wrapper .billing-type:first-child {
	border-radius: 4px 0 0 4px;
}
.hero__wrapper .billing-type:nth-child(2) {
	border-radius: 0 4px 4px 0;
}
.hero__wrapper .billing-type.selected {
	color: #335578;
	background-color: #fff;
}
.billing__switch__wrapper {
	position: relative;
	display: inline-block;
}
.billing__switch__wrapper svg {
	width: 90px;
	position: absolute;
	top: -20px;
	margin-left: 15px;
}
/**
	Form Footer
 */
.payment__footer {
	padding: 20px;
	box-sizing: border-box;
	background: rgba(201, 241, 253, 0.5);
	border-top: 1pt solid #c0c0c0;
	font-size: 14px;
}
.payment__footer__info {
	padding-bottom: 10px;
}
.payment__footer__details {
	height: 60px;
}
.payment__footer__plans--link {
	text-decoration: underline;
	padding-top: 5px;
	display: inline-block;
}

.payment__wrapper {
	margin: 0 auto;
	padding: 0 60px;
	box-sizing: border-box;
	max-width: 950px;
}
.payment__title {
	color: #335578;
	/*font-weight: 400;*/
	font-size: 28px;
	margin: 50px auto 35px;
	text-align: center;
}
.payment-form__content {
	padding: 20px;
}
.payment__wrapper select {
	margin-top: 0.25em;
}
.bank__order select {
	margin-top: 0;
}
.payment__wrapper .actionable {
	padding-top: 12px;
}
.payment__methods-wrap {
	display: flex;
	width: 100%;
}
.payment__methods {
	display: flex;
	flex: 1;
	padding-left: 0;
	margin-block-end: 0;
	margin-block-start: 0;
	list-style: none;
}
.payment__methods li {
	flex: 1 0;
	flex-basis: 25%;
	box-sizing: border-box;
	border-right: 1px solid var(--well-border-color);
	border-bottom: 1px solid var(--well-border-color);
	text-align: center;
	background-color: var(--tab-bg);
	align-items: center;
	position: relative;
	min-height: 5.5em;
}
.payment__methods li:first-child {
	border-radius: 0.75rem 0 0 0;
}
.payment__methods li:last-child {
	border-right: none;
	border-radius: 0 0.75rem 0 0;
}
.payment__methods li.active {
	color: #006ce5;
	pointer-events: none;
	border-color: #006ce5;
}
.updatepayment__body .change-card__form {
	border: 0px;
	border-radius: 0em;
}

.change-card__form {
	padding: 1.5em;
	margin: 0;
}

.form-element {
	margin-top: 1em;
}

.extra_payment_method_content {
	color: #667482;
	padding-bottom: 2em;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 0;
	font-size: 16px;
	text-align: center;
}

.extra_payment_method_content .spinner {
	padding: 0.7em;
	text-align: center;
	margin-top: 1em;
}

.payment__icon {
	cursor: pointer;
	display: flex;
	justify-content: center;
}

.payment__icon svg {
	width: 100%;
	height: 3em;
	display: block;
}

.payment__icon--card svg {
	height: 2.5em;
}

.payment__icon--paypal svg {
	height: 2em;
}
.payment__icon--applepay svg {
	height: 3em;
}
.payment__icon--googlepay svg {
	height: 5.5em;
}

.method--active {
	background-color: var(--db-main-bg, var(--body-bg)) !important;
	color: var(--tab-active-color);
	border-bottom-color: transparent !important;
}

/* braintree-web-drop-in injects its own stylesheet (braintree-sheet) */
.theme-dark .braintree-sheet {
	background-color: var(--db-main-bg, var(--body-bg));
	border: none;
}

.payment_bank_price_notification {
	background-color: #ffffff;
	border: 1px solid #ff9800;
	padding: 0.8em;
	margin-bottom: 1.2em;
	text-align: center;
}

.voucher__apply button {
	margin-top: 22px !important;
	padding: 7px 1.5em !important;
}
.payment__side {
	color: var(--body-muted-color);
	font-size: 14px;
	line-height: 1.8;
	padding-top: 1.5em;
}
.payment__side > h3:first-child {
	margin-top: -10px;
}
.payment__side h3 {
	color: var(--heading-color);
	font-size: 20px;
	margin-bottom: 0;
	line-height: 2;
}
.payment__side p {
	margin-top: 3px;
}
.side__clients h3 {
	padding-bottom: 10px;
}
.payment__credit-card__intro {
	color: #667482;
	font-size: 16px;
	margin-top: 0;
}

.billing__info {
	padding-top: 10px;
	padding-left: 20px;
	font-size: 14px;
	border-bottom: 1px solid #c0c0c0;
}
.billing__info__check {
	min-width: 50px;
	padding-bottom: 10px;
}
.billing__required-field {
	font-size: 11px;
	color: #aaaaaa;
	display: block;
	padding-bottom: 15px;
}
.billing__required-field sup {
	display: inline-block;
}

.method__bordered {
	border: 1px solid var(--well-border-color);
	border-radius: 0.75rem;
}
.payment__content {
	border: 1px solid #c0c0c0;
}

.payments-info {
	border: 1px solid #dddddd;
	padding: 12px 30px;
	margin: 30px 0;
}
.payments-info h3 {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: #8c96a9;
	letter-spacing: 0.99px;
	line-height: 20px;
}

/*
	Voucher Box
 */
.payments__voucher {
	border: 1px solid #dddddd;
	padding: 12px 30px;
}
.payments__voucher button {
	margin-top: 1px !important;
	min-height: 31px;
}
.payments__voucher .applied {
	font-size: 12px;
	font-style: italic;
	color: #8c96a9;
	letter-spacing: 0;
	line-height: 18px;
}
.payments__voucher h3 {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: #8c96a9;
	letter-spacing: 0.99px;
	line-height: 20px;
}

/*
	Subscription success
 */

.subscription__success {
	max-width: 470px;
	margin: 70px auto 0;
	text-align: center;
}
.subscription__success img,
.subscription__success svg {
	max-width: 300px;
}
.already__subscribed svg {
	max-width: 200px;
}

.subscription__success h2 {
	color: #335578;
	font-size: 20px;
	margin-bottom: 10px;
}
.subscription__success p {
	color: #000000;
	font-size: 14px;
	margin-bottom: 45px;
	font-weight: 300;
}
.subscription__success a {
	margin: 6px 0;
}
.free__success p {
	margin-top: 10px;
	margin-bottom: 25px;
}
.already__free {
	max-width: 450px;
}
.already__free h2 {
	font-size: 24px;
}
.already__free svg {
	max-width: 200px;
}
.already__free p {
	margin-bottom: 20px;
}
.already__free .already__free--details {
	color: #335578;
	margin-bottom: 25px;
}
.already__free .already__free--teaser {
	color: #335578;
	margin-bottom: 15px;
	font-weight: 500;
}
.already__subscribed {
	max-width: 450px;
}
.already__subscribed p {
	margin-bottom: 20px;
}
.already__subscribed strong {
	font-weight: 600;
}
.already__subscribed h2 {
	font-size: 24px;
	margin-bottom: 10px;
}
.already__subscribed hr {
	border: none;
	border-bottom: 1px solid rgba(51, 85, 120, 0.2);
}

.upgrade__warning {
	margin: 20px auto 0;
	max-width: 550px;
	text-align: center;
}

.upgrade__warning h2 {
	color: #335578;
}

.upgrade__warning .dismiss {
	font-weight: bold;
	line-height: 3em;
}

.upgrade__warning p {
	text-align: left;
	margin-bottom: 10px;
	margin-top: 10px;
}

.upgrade__warning p.centered {
	text-align: center;
}

.upgrade__warning .text__content {
	display: inline-block;
	max-width: 450px;
}

.upgrade__warning ul li {
	list-style: inside;
}

.upgrade__warning li {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
	max-width: 200px;
	margin: 0 auto;
}

.upgrade__warning li.more {
	list-style: none;
	padding: 10px 0 10px 0;
}

.upgrade__warning .actions {
	padding-top: 20px;
}

.upgrade__warning strong {
	font-weight: 600;
}
.upgrade__warning h2 {
	font-size: 24px;
	margin-bottom: 10px;
}
.upgrade__warning hr {
	border: none;
	border-bottom: 1px solid rgba(51, 85, 120, 0.2);
}

.upgrade__warning a {
	max-width: 225px;
}

.upgrade__warning svg {
	max-width: 300px;
}

.subscription__success a {
	max-width: 225px;
}

.team-member__divider {
	width: 100%;
	border-bottom: 1px solid #ebebeb;
}

.team-members-list {
	margin-top: 20px;
	overflow-y: scroll;
	height: 200px;
	padding-bottom: 40px;
}

@media only screen and (max-width: 1200px) {
	.hero__wrapper h1 {
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 468px) {
	.billing__switch__wrapper svg {
		margin-left: -95px !important;
		top: -50px;
		width: 100px;
	}
	.already__subscribed,
	.already__free,
	.subscription__success,
	.upgrade__warning,
	.free__success {
		max-width: 100%;
		padding: 0 1em;
	}
	.already__free .layout {
		display: block !important;
	}
	.already__free .layout .layout--item {
		margin-bottom: 10px;
	}
	.already__subscribed .text--underlined {
		display: block;
	}

	.upgrade__warning .text--underlined {
		display: block;
	}

	.payment__wrapper {
		max-width: 100%;
		padding: 0 10px;
	}
	.already__subscribed a {
		max-width: 100%;
	}
	.payment-form__content .layout {
		flex-direction: column;
	}
	.payment__wrapper .layout__item--width-60,
	.payment__wrapper .layout__item--width-35 {
		flex-basis: 100%;
	}
	.payment__title {
		width: 100%;
	}

	.payment__side {
		padding: 25px 20px 10px;
	}
}
@media only screen and (max-width: 660px) {
	.payment__side {
		padding: 25px 20px 10px;
	}
	.billing__info {
		font-size: 16px;
		padding-right: 5px;
	}
	.payment__side p,
	.payment-form__content p,
	.payment-form__content label,
	.payment-form__content a,
	.payment__footer {
		font-size: 16px;
	}
	.billing__required-field {
		font-size: 14px;
	}

	.payment__credit-card__intro {
		font-size: 18px !important;
	}
	.payment__wrapper {
		max-width: 100%;
		padding: 0 20px;
	}
	.payment__method {
		flex-direction: column !important;
	}
}
@media only screen and (max-width: 940px) {
	.payment__footer__billing--type {
		display: block;
	}
	.payment__footer__plans--link {
		padding-top: 15px;
	}
}

@media only screen and (min-width: 768px) {
	.payment__credit-card select {
		margin-top: 0;
	}
}

.selected__payment__method__instrument {
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
	color: #009cde;
	margin: 0;
}
.cancel__selected__payment__method__instrument {
	font-size: 0.75em;
	margin: 1em 0;
}

.cancel__selected__payment__method__instrument button {
	cursor: pointer;
	background: none;
	padding: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none;
	font-family: inherit;
	text-decoration: underline;
	color: #777;
}

.cancel__selected__payment__method__instrument button:hover {
	color: #006ce5;
}

.update__payment__method {
	margin: 0 0 1.25em;
	box-sizing: border-box;
}

.text--pp-small {
	color: var(--body-muted-color);
	font-size: 0.8em;
	margin: 0 0 2em;
	line-height: 1.6;
	text-align: center;
}

.paypal__text {
	padding-top: 20px;
	color: var(--body-muted-color);
	font-size: 1em;
	text-align: center;
}

/*
	Braintree Drop in
 */
[data-braintree-id='card-sheet-header'],
[data-braintree-id='paypal-sheet-header'],
[data-braintree-id='apple-pay-sheet-header'],
[data-braintree-id='google-pay-sheet-header'] {
	display: none;
}

[data-braintree-id='card'],
[data-braintree-id='paypal'],
[data-braintree-id='applePay'],
[data-braintree-id='googlePay'] {
	border: 0 !important;
}

/*[data-braintree-id='paypal'],
[data-braintree-id='applePay'],
[data-braintree-id='googlePay'] {
	padding: 50px 0 20px;
}*/

[data-braintree-id='card'] > .braintree-sheet__content {
	padding: 0 !important;
}

[data-braintree-id='card'] .braintree-form__notice-of-collection {
	display: none;
}

[data-braintree-id='wrapper'] .braintree-placeholder {
	display: none;
}

[data-braintree-id='apple-pay-button'] {
	width: 145px;
	height: 45px;
}

[data-braintree-id='expiration-date-field-group'] {
	padding-left: 0px !important;
	padding-right: 5px;
}

[data-braintree-id='number-field-group'] {
	padding-left: 0px !important;
}

[data-braintree-id='sheet-container'] .braintree-sheet__content--button {
	padding: 0 !important;
	min-height: 50px !important;
}

/*
	Apple Pay on third party browsers
 */
@supports not (-webkit-appearance: -apple-pay-button) {
	[data-braintree-id='apple-pay-button'] {
		background: #000;
		min-width: 145px;
		padding-left: 23px;
		padding-top: 12px;
		background-origin: content-box;
		background-color: #000;
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml;utf8,<svg id=%27svg-logo%27 x=%270%27 y=%273.85%27 height=%2721%27 width=%27100%27 class=%27logo%27 viewBox=%270 0 105 43%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27><title>Apple Logo</title><g stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27><g fill=%27%23FFF%27><path d=%27M19.4028,5.5674 C20.6008,4.0684 21.4138,2.0564 21.1998,0.0004 C19.4458,0.0874 17.3058,1.1574 16.0668,2.6564 C14.9538,3.9414 13.9688,6.0374 14.2258,8.0074 C16.1948,8.1784 18.1618,7.0244 19.4028,5.5674%27></path><path d=%27M21.1772,8.3926 C18.3182,8.2226 15.8872,10.0156 14.5212,10.0156 C13.1552,10.0156 11.0642,8.4786 8.8022,8.5196 C5.8592,8.5626 3.1282,10.2276 1.6342,12.8746 C-1.4378,18.1696 0.8232,26.0246 3.8112,30.3376 C5.2622,32.4716 7.0102,34.8206 9.3142,34.7366 C11.4912,34.6506 12.3442,33.3266 14.9902,33.3266 C17.6352,33.3266 18.4042,34.7366 20.7082,34.6936 C23.0972,34.6506 24.5922,32.5586 26.0422,30.4226 C27.7072,27.9906 28.3882,25.6426 28.4312,25.5126 C28.3882,25.4706 23.8232,23.7186 23.7812,18.4676 C23.7382,14.0706 27.3652,11.9786 27.5362,11.8496 C25.4882,8.8196 22.2872,8.4786 21.1772,8.3926%27></path><path d=%27M85.5508,43.0381 L85.5508,39.1991 C85.8628,39.2421 86.6158,39.2871 87.0158,39.2871 C89.2138,39.2871 90.4558,38.3551 91.2108,35.9581 L91.6548,34.5371 L83.2428,11.2321 L88.4368,11.2321 L94.2958,30.1421 L94.4068,30.1421 L100.2668,11.2321 L105.3278,11.2321 L96.6048,35.7141 C94.6078,41.3291 92.3208,43.1721 87.4828,43.1721 C87.1048,43.1721 85.8838,43.1271 85.5508,43.0381%27></path><path d=%27M42.6499,19.3555 L48.3549,19.3555 C52.6829,19.3555 55.1469,17.0255 55.1469,12.9855 C55.1469,8.9455 52.6829,6.6375 48.3769,6.6375 L42.6499,6.6375 L42.6499,19.3555 Z M49.6869,2.4425 C55.9009,2.4425 60.2289,6.7265 60.2289,12.9625 C60.2289,19.2225 55.8129,23.5285 49.5309,23.5285 L42.6499,23.5285 L42.6499,34.4705 L37.6779,34.4705 L37.6779,2.4425 L49.6869,2.4425 Z%27></path><path d=%27M76.5547,25.7705 L76.5547,23.9715 L71.0287,24.3275 C67.9207,24.5275 66.3007,25.6815 66.3007,27.7015 C66.3007,29.6545 67.9887,30.9195 70.6287,30.9195 C74.0027,30.9195 76.5547,28.7665 76.5547,25.7705 M61.4617,27.8345 C61.4617,23.7285 64.5917,21.3755 70.3627,21.0205 L76.5547,20.6425 L76.5547,18.8675 C76.5547,16.2705 74.8457,14.8495 71.8057,14.8495 C69.2967,14.8495 67.4777,16.1375 67.0997,18.1125 L62.6167,18.1125 C62.7497,13.9615 66.6567,10.9435 71.9387,10.9435 C77.6207,10.9435 81.3267,13.9175 81.3267,18.5345 L81.3267,34.4705 L76.7327,34.4705 L76.7327,30.6305 L76.6217,30.6305 C75.3127,33.1395 72.4267,34.7145 69.2967,34.7145 C64.6807,34.7145 61.4617,31.9625 61.4617,27.8345%27></path></g></g></svg>");
	}
}

.payment__side h3 {
	color: var(--heading-color);
	font-size: 20px;
	margin-bottom: 0;
	line-height: 2;
}
.payment__side {
	color: var(--body-muted-color);
	font-size: 14px;
	line-height: 1.8;
}

.payment__side img {
	width: 100%;
}

.newplanshero {
	padding: 1.5rem 0.5rem 0;
	margin: 0;
	text-align: center;
	background: var(--db-main-bg, var(--body-bg));
}

.newplanshero__title {
	font-family: var(--moqups-display);
	font-size: 1.6em;
	font-weight: 700;
	color: var(--heading-color);
	margin: 0 1.5em;
}

.newplanshero__illo {
	width: 10em;
}

.newplanshero__description {
	margin: 0.5em 0 1.25em;
	font-size: 1.3em;
	color: var(--body-muted-color);
}

.planlist__wrapper {
	background-color: var(--db-main-bg, var(--body-bg));
	padding: 1.5em;
}

.planlist {
	padding-bottom: 20px;
}

.planlist__list {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 3px solid #eee;
	border-radius: 0.25em;
}

.planlist__item {
	border-bottom: 1px solid #ddd;
	padding: 0 1em;
}

.planlist__item--current {
	color: #777;
}

.planlist__switch {
	padding: 0 0 1em;
	margin: 0.5em 0 0.5em;
	/* border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0; */
}

.planlist__title {
	float: left;
	margin: 0;
	width: 20%;
	text-align: center;
}

.planlist__cycle {
	text-align: center;
}

.planlist__cycle a {
	margin: 0 1em;
	text-decoration: underline;
}

.planlist__grid {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: 1.5rem;
}

.planlist__table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	border-radius: 0.25em;
}

.planlist__table th,
.planlist__table td {
	text-align: center;
	width: 25%;
}

.planlist__table td {
	padding: 0.5em;
}

.planlist__table tr {
	border-bottom: 1px solid #ccc;
}

.planlist__table tr:last-child {
	border-bottom: none;
}

.planlist__table td:last-child {
	/*width: 7em;*/
	/*text-align: right;*/
}

.planlist__table .button {
	min-width: 6em;
	min-height: 0;
	box-sizing: content-box;
}

.planlist__header {
	margin: 0;
	list-style: none;
	padding: 0 20%;
	font-weight: bold;
	color: #777;
}

.planlist__header li {
	float: left;
	width: 33.33%;
	text-align: center;
}

.planlist__section {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 0.25em;
	margin: 1em 0;
	overflow: hidden;
}

.planlist__sectionhead {
	background: #f6f6f6;
	vertical-align: middle;
	border-right: 1px solid #ccc;
	font-weight: bold;
	width: 20%;
	text-align: center;
	position: relative;
}

.planlist__sectionhead span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}

.plan {
	width: 280px;
	display: flex;
	flex-direction: column;
	box-sizing: content-box;
	text-align: center;
	font-weight: 400;
	padding: 1.5rem 0 0;
	margin: 0;
}

.plan h2 {
	font-family: var(--moqups-display);
	font-weight: 600;
	font-size: 1.5rem;
	color: var(--heading-color);
	margin-top: 0.625rem;
	margin-bottom: 0;
}

.plan__extra_info {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 2.25rem;
	color: var(--body-muted-color);
	font-size: 13px;
	font-weight: 600;
	margin-top: 0;
}

.plan__button {
	margin: 1em 0 1.5em;
}

.plan__price {
	display: flex;
	margin-top: 10px;
	align-items: baseline;
	justify-content: center;
	color: var(--heading-color);
	font-size: 30px;
	font-feature-settings: 'lnum';
}
.plan__price__number {
	font-weight: 800;
}

.plan__price__monthly {
	font-size: 12px;
	opacity: 0.8;
	text-align: left;
	align-self: center;
	padding-top: 3px;
	padding-left: 5px;
	line-height: 1.2;
	font-weight: 600;
}

.plan__price__cycle {
	font-size: 12px;
	opacity: 0.8;
	margin-top: -8px;
	color: var(--body-muted-color);
}

.plan__price sup {
	font-size: 16px;
	font-weight: 600;
	opacity: 0.8;
	margin-right: 3px;
	top: -10px;
	display: inline-block;
	width: 12px;
}

.plan__features {
	flex-grow: 1;
	list-style: none;
	margin-left: 0;
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 12px;
	padding: 20px 34px;
	font-weight: 400;
	line-height: 26px;
	text-align: left;
	color: var(--body-color);
	background: var(--tab-bg);
	border-bottom-left-radius: 0.875rem;
	border-bottom-right-radius: 0.875rem;
}

.plan__features .plan__check:before {
	content: ' ';
	display: inline-block;
	margin-right: 10px;
	width: 10px;
	height: 8px;
	background: url(https://appstatic.moqups.com/dashassets/77319e9d6be97e89f953.png);
	background-size: cover;
}
.plan__check__badge {
	display: inline-block;
	background-color: #929292;
	color: #ffffff;
	font-size: 11px;
	font-weight: 600;
	border-radius: 5px;
	line-height: 16px;
	padding: 0px 4px 1px;
	margin-left: 2px;
}
.plan__new__features__badge {
	display: inline-block;
	background-color: #72ba53;
	color: #ffffff;
	font-size: 10px;
	font-weight: 400;
	border-radius: 0.3em;
	line-height: 16px;
	padding: 0px 4px 1px;
	margin-left: 2px;
}

.moqupsfree {
	text-align: center;
}

.business-plan-select {
	display: inline-flex;
	max-width: 100%;
}

.dropdownmenu__wrapper.business-plan-select-menu {
	display: inline-flex;
	max-width: 100%;
}

.business-plan-select-trigger {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	font-family: var(--moqups-display);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.2;
	padding: 0.438rem 0.625rem;
	color: var(--input-color);
	border: 1.5px solid var(--input-border-color);
	border-radius: 0.375rem;
	background: var(--input-bg);
	cursor: pointer;
	white-space: nowrap;
	box-sizing: border-box;
}

.business-plan-select-trigger:hover {
	--input-border-color: var(--input-placeholder-color);
}

.business-plan-select-trigger svg {
	flex-shrink: 0;
	width: 1rem;
	height: 1rem;
	color: var(--body-color);
}

.business-plan-select-dropdown.contextmenu {
	left: 0;
	right: 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	min-width: 0;
	margin: 0 auto;
	padding: 0.375rem;
	text-align: left;
	background: var(--dropdown-bg);
	border-radius: 0.5rem;
	box-shadow: var(--shadow-md);
}

.business-plan-select-dropdown .contextmenu__item__label {
	padding: 0;
}

.business-plan-select-dropdown .contextmenu__item:hover > .contextmenu__item__label {
	color: inherit;
	background: transparent;
}

.business-plan-select-dropdown .dropdown__menu__option {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.563rem 0.75rem;
	border-radius: 0.375rem;
	color: var(--dropdown-color);
}

.business-plan-select-dropdown .contextmenu__item:hover .dropdown__menu__option {
	background: var(--dropdown-hover-bg);
	color: var(--dropdown-hover-color);
}

.business-plan-select-dropdown .dropdown__icon {
	width: 12px;
	height: 12px;
	fill: var(--link-color);
}

.business-plan-select-option {
	display: flex;
	align-items: center;
	width: 100%;
}

.business-plan-select-option__label {
	flex: 1;
}

.change-plan-pane {
	background: var(--db-main-bg, var(--body-bg));
	margin: -1em;
}

.change-plan-pane__header {
	position: relative;
	background: var(--db-main-bg, var(--body-bg));
	padding: 1em;
}

.change-plan-pane__header h2 {
	margin: 0;
	color: var(--heading-color);
}

.change-plan-pane__body {
	background-color: var(--db-main-bg, var(--body-bg));
	/*max-width: 66em;*/
}

.change-plan-warning__wrapper {
	background: #fff;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: auto;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	padding: 1.5em 1.5em 0 1.5em;
}

.change-plan-warning__body {
	max-width: 400px;
	margin: 0 auto;
	padding-top: 3em;
	padding-bottom: 2em;
}

.change-plan-warning__actions {
	max-width: 400px;
	margin: 0 auto;
}

.change-plan-warning__actions .button--secondary:hover {
	color: #006ce5;
	background-color: transparent;
}

.change-plan-pane .btn--close {
	position: absolute;
	top: 50%;
	right: 1em;
	background: #fff;
	padding: 0;
	transform: translate(0, -50%);
}

.change-plan-pane .btn--show-all-plans {
	padding-right: 3.5em;
}

.change-plan-name .btn--close svg {
	width: 2em;
	height: 2em;
	display: block;
	fill: #777;
}

.change-plan-illo {
	display: block;
	height: 15em;
	margin: 0 auto;
}

.change-plan-conclusion-pane {
	text-align: center;
	background: var(--db-main-bg, var(--body-bg));
	padding: 2em;
}

.change-plan-pane .downgrade-warning,
.change-plan-summary-pane .downgrade-warning {
	margin: 5px 0;
	background: rgba(244, 95, 32, 0.08);
	border-top: 1px solid var(--well-border-color);
	border-bottom: 1px solid var(--well-border-color);

	max-width: 228px;
	text-align: left;
	padding: 3px 30px 3px;
	color: var(--body-color);
	font-size: 13px;
}

.plancard__price {
	font-weight: bold;
	margin: 0.25em 0;
}

.plancard__price--reduced {
	margin-bottom: 0;
}

.plancard__price--reduced div:first-of-type {
	font-weight: normal;
	text-decoration: line-through;
}

.plancard__price--reduced div:nth-of-type(2) {
	margin-top: 10px;
	font-size: 20px;
}

.plancard__voucher {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}

.plancard__voucher svg {
	margin-right: 0.5em;
	flex-shrink: 0;
}

.plancard__voucher--editing .db-settings-item-extra {
	flex-grow: 1;
}

.plancard__voucher a {
	color: var(--body-muted-color);
	text-decoration: underline;
	cursor: pointer;
}

.plancard__voucher a:hover {
	color: var(--link-color);
	text-decoration: underline;
}

.plancard__voucher--valid {
	font-size: 11px;
}
.plancard__voucher--valid svg path {
	fill: var(--palette-green);
}

.plancard__voucher__code {
	background-color: var(--tab-bg);
	font-weight: 500;
	padding: 0.25em;
	color: var(--body-color);
}

.plancard {
	line-height: 1.8em;
}

.plancard__title {
	font-family: var(--moqups-display);
	color: var(--heading-color);
	margin: 0 0 0.5em;
}

.plancard__restrictions {
	list-style: none;
	padding: 0.5em 0;
	margin: 1em 0 0;
	font-size: 12px;
	border-top: 1px solid var(--well-border-color);
	border-bottom: 1px solid var(--well-border-color);
}

.change-plan-summary-pane {
	padding: 2em;
	background: var(--db-main-bg, var(--body-bg));
}

.change-plan-summary-pane .arrow-illustration {
	width: 7em;
}

.change-plan-summary-pane .plus-illustration {
	margin: 2em;
}

.change-plan-compare {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	gap: 1.5em;
}

.change-plan-compare__side {
	text-align: center;
	min-width: 20em;
}

.change-plan-compare__side .db-section-heading {
	margin-bottom: 0.75em;
}

.change-plan-compare__arrow {
	flex: 0 0 auto;
}

@media (max-width: 1100px) {
	.change-plan-compare {
		flex-direction: column;
		align-items: center;
	}

	.change-plan-compare__arrow .arrow-illustration {
		transform: rotate(90deg);
	}
}

.change-plan-compare__side--highlight .plancard {
	border: 2px solid var(--palette-green);
}

.change-plan-compare__side--highlight .db-section-heading {
	color: var(--palette-green);
}

.change-plan-compare__side--highlight .plancard__restrictions {
	font-weight: bold;
}

.change-plan-summary-pane .btn-danger {
	background: var(--palette-red);
	color: #fff;
}

.change-plan-summary-pane .btn-danger:hover,
.change-plan-summary-pane .btn-danger:focus {
	background: var(--palette-red);
	opacity: 0.85;
	color: #fff;
}

a[disabled] {
	pointer-events: none;
	color: var(--body-muted-color);
}

.avatar__list__wrapper {
	width: 410px;
	padding: 1.25rem 1.5rem;
}
.avatar__list {
	display: flex;
	flex-wrap: wrap;
}
.avatar__list > span {
	margin: 0 5px;
	cursor: pointer;
}

.avatar__list img {
	transition: all 0.1s ease-in-out;
}
.avatar__list img:hover {
	box-sizing: border-box;
	border: 2px solid var(--input-active-color);
}
.avatar__list__upload {
	margin-bottom: 10px;
}
.avatar__list__upload a {
	cursor: pointer;
}
.avatar__list__upload a:hover {
	text-decoration: underline;
}
.avatar__list__upload input {
	display: none;
}

.db-profile-avatar {
	position: relative;
	cursor: pointer;
}
.avatar__wrapper__no-margin {
	position: relative;
	display: flex;
	max-width: 200px;
	align-items: center;
	flex-direction: column;
	font-size: 12px;
	cursor: pointer;
}
.avatar--uploading {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.avatar--uploading svg {
	fill: #fff;
	margin: auto;
}
.list__popover {
	left: 35%;
	top: 10%;
}

.dropmenu {
	position: relative;
	display: inline-block;
}

.dropmenu .left {
	left: -5px;
}
.dropmenu .top {
	bottom: 30px;
}
.dropmenu > div {
	right: 10px;
	transition: 0.3s visibility;
	visibility: hidden;
	min-width: 230px;
	z-index: 10;
}
.dropmenu__label {
	display: inline-block;
	cursor: pointer;
	min-width: 35px;
	margin-right: 8px;
}
.dropmenu__label svg {
	display: inline-block;
	vertical-align: middle;
}

.dropmenu--hover:hover > div {
	visibility: visible;
}

.dropmenu--visible > div {
	visibility: visible;
}

.dropmenu--visible .box-action {
	background: #e1e1e1;
}
.dropmenu--visible .box-action svg {
	fill: #424242;
}

.dropmenu > div div {
	max-width: 230px;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

.dropmenu .selected {
	color: #303030;
}

.dropmenu .disabled {
	color: #303030;
	background: #efefef;
}

.dropmenu .selected .click-action {
	cursor: default;
	width: 12px;
	height: 12px;
}

.dropmenu > div div > div div {
	padding: 0 0.75em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.dropmenu > div div > div div:not(.selected):not(.disabled):hover {
	background: #006ce5;
	color: #fff;
}
.dropmenu > div div > div div:not(.selected):not(.disabled):hover a {
	color: #ffffff;
}
.dropmenu > div div > div div:not(.selected):hover,
.dropmenu > div div > div div:not(.selected):hover a {
	cursor: pointer;
}

.locale__dropdown__label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	width: 100%;
	max-width: 14rem;
	font-family: var(--moqups-display);
	font-size: 1rem;
	line-height: 1.2;
	padding: 0.563rem 0.625rem;
	color: var(--input-color);
	border: 1.5px solid var(--input-border-color);
	border-radius: 0.375rem;
	background: var(--input-bg);
	cursor: pointer;
}

.locale__dropdown__label:hover {
	--input-border-color: var(--input-placeholder-color);
}

.locale__dropdown__label__text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.locale__dropdown__label__icon {
	flex-shrink: 0;
	color: var(--body-color);
}

.locale__dropdown > div {
	min-width: 14rem !important;
	left: 0;
}

.locale__dropdown > div > div {
	max-width: 18rem !important;
	padding: 0.5rem !important;
	background: var(--dropdown-bg);
	color: var(--dropdown-color);
	border-radius: 0.5rem;
}

.locale__dropdown__option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.563rem 0.75rem !important;
	border-radius: 0.375rem;
}

.locale__dropdown > div div > div div:not(.selected):not(.disabled):hover {
	background: var(--dropdown-hover-bg);
	color: var(--dropdown-hover-color);
}

.twofactor__section {
	max-width: 32rem;
	margin-bottom: 1.5rem;
}

.twofactor__section.twofactor__token {
	max-width: 26rem;
}

.twofa__providers {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	margin-bottom: 1rem;
}

.qr__code {
	width: 140px;
	min-width: 140px;
	height: 140px;
	margin-right: 1.25rem;
	border-radius: 0.5rem;
	overflow: hidden;
	border: 1px solid var(--well-border-color);
}

.qr__code img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	display: block;
}

.db-settings-item-aside .db-toggle + a {
	margin-top: 0.375rem;
}

.input.input--invalid input {
	border-color: #dc143c;
}

.db-transfer-checklist .collapse__wrapper {
	margin: 0.75rem 0 0;
	padding: 0;
	border: none;
}

.db-transfer-checklist ul {
	color: var(--body-color);
}

.domain__list {
	overflow-y: auto;
	padding: 0.5rem;
	width: 50%;
	border: 1px solid var(--well-border-color);
	border-radius: 0.5rem;
	display: flex;
	flex-direction: column;
	max-height: 175px;
}

.domain__list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.5em 0;
	color: var(--body-color);
}

.domain__list li:first-of-type {
	padding-top: 0;
}

.domain__list li:last-of-type {
	padding-bottom: 0;
}

.domain__list a {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.scratch__codes__wrapper {
	margin-top: 1rem;
	margin-bottom: 0;
}

.scratch__codes__wrapper p:first-child {
	margin-top: 0;
}

.scratch__codes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
}

.twofa__provider {
	display: flex;
	align-items: center;
	gap: 0.625rem;
}

.twofa__provider svg {
	width: 2rem;
	height: 2rem;
}

.transfer__modal .modal__header {
	flex-direction: row;
}

.message-error {
	color: red;
}

.db-profile-form form {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.db-profile-form .input-block {
	flex-direction: column;
	margin: 0;
}

/* interface Language row */
.db-profile-form form .input__label {
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	margin-bottom: 0.375rem;
}

.db-profile-form .input.input-block label {
	margin-right: 0;
}

.info-banner {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 10px 0;
	padding: 10px;
	background: #f1f7fd;
	border-radius: 8px;
	font-size: 12px;
}

.info-banner p {
	padding-left: 10px;
	margin: 0;
}

.info-banner svg {
	flex-shrink: 0;
	height: 2em;
	width: 2em;
	fill: #1181f1;
}

.password__meter {
	width: 100%;
}
.password__meter__indicator {
	margin: 0.5em 0 1em 0;
	height: 4px;
	background-color: #eeeeee;
}
.password__meter__indicator > div {
	height: 100%;
	width: 0%;
	transition: all 0.5s ease;
}
.password__meter__label {
	transition: color 0.5s ease;
}
.password__meter__tooltip {
	font-size: 1.2em;
	max-width: 350px;
}
.password__meter__tooltip .password__meter__indicator {
	margin: 0.5em 0;
}
.password__meter--short {
	color: #bdbdbd;
	fill: #bdbdbd;
}
.password__meter__indicator.password__meter--short > div {
	background-color: #eeeeee;
}
.password__meter--weak {
	color: #f44336;
	fill: #f44336;
}
.password__meter__indicator.password__meter--weak > div {
	background-color: #f44336;
}
.password__meter--medium {
	color: #ffa726;
	fill: #ffa726;
}
.password__meter__indicator.password__meter--medium > div {
	background-color: #ffa726;
}
.password__meter--strong {
	color: #4caf50;
	fill: #4caf50;
}
.password__meter__indicator.password__meter--strong > div {
	background-color: #4caf50;
}
.password__meter--blacklisted {
	color: #212121;
	fill: #212121;
}
.password__meter__indicator.password__meter--blacklisted > div {
	background-color: #212121;
}

.password__form {
	max-width: 26rem;
}


.label {
	display: block;
	margin: 0.5em 0;
	box-sizing: border-box;
}
.info {
	font-size: 0.9em;
	padding-right: 1em;
}

.db-integration-saml-body {
	gap: 1.25rem;
}
.saml-file-row {
	flex-direction: column;
	align-items: stretch;
	gap: 0.5rem;
}
.saml-file-row .db-integration-saml-or {
	align-self: flex-start;
	color: var(--body-muted-color);
	font-size: 0.8125rem;
}
.saml-file-row .input {
	max-width: none;
	width: 100%;
}
.saml__form {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.hook-form {
	margin-top: 20px;
}

.form-element.input {
	margin-bottom: 1em;
}

.hook-form .input.input-block label {
	margin-right: 0;
}
.hook-form .input-wrap {
	margin-right: 1em;
}
.save-webhook {
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
	width: auto;
}

.db-integration-nested-list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding-left: calc(2.25rem + 1rem);
	padding-top: 0.5rem;
}

.db-integration-nested-card {
	border: 1px solid var(--well-border-color);
	border-radius: 0.5rem;
	padding: 0.75rem;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.db-integration-nested-card-head {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin-bottom: 0.5rem;
}

.db-integration-nested-card-head span {
	flex: 1;
	font-weight: 600;
}

.db-integration-nested-card-row {
	flex-direction: column;
	align-items: stretch;
	gap: 0.5rem;
}

.service__actions {
	display: flex;
	align-items: center;
}
.service__action {
	display: inline-block;
	margin-left: 20px;
}
.icon--side {
	display: block;
	margin: 20px;
}
.service__buttons .button--large {
	width: 185px;
}
.service__buttons {
	float: right;
}

.services__autosync {
	margin-top: 20px;
}

.team__item {
	padding: 0.2em 0;
	box-sizing: border-box;
	min-width: 0;
}

.db-modal-overlay .select_team__modal.db-modal {
	width: 400px;
}

.team__option {
	border-radius: 5px;
	min-width: 200px;
	max-width: 100%;
	padding: 0.25em 1em 0.25em 0.25em;
	margin-left: 0.25em;
}

/* .ellipsis (app/components/base/Dashboard.css) handles the truncation itself */
.team__option__name {
	flex: 1;
	min-width: 0;
}

.team__option img {
	display: inline-block;
	vertical-align: middle;
	width: 30px !important;
	height: 30px !important;
	margin-right: 3px;
}

.team__item input[type='radio']:checked + .team__option {
	color: #fff;
	background: #006ce5;
	border-radius: 5px;
	min-width: 300px;
}

.team__avatar-all {
	height: 2em;
	min-height: 2em;
}

.btn-error {
	color: var(--palette-red);
}

.btn-error:hover,
.btn-error:focus,
.btn-error:visited {
	color: var(--palette-red);
}

.saml-sso-error span {
	font-size: 15px;
	font-weight: bold;
}
.saml-sso-error-msg {
	background: var(--well-bg);
	border-radius: 3px;
	padding: 10px 15px;
	overflow: auto;
	margin-left: 50px;
	margin-top: 15px;
	margin-bottom: 15px;
	max-width: 480px;
	font-family: monospace, monospace;
	font-size: 1em;
}

.offboarding {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
}

.offboarding-body {
	flex: 1 1 auto;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	overflow-y: auto;
	padding: 1.5rem;
}

.offboarding-scroll {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	position: relative;
}

.offboarding-card {
	width: 100%;
	max-width: 32rem;
	border: 1px solid var(--well-border-color);
}

.offboarding-title {
	margin-top: 0.5rem;
	margin-bottom: 1rem;
	font-size: 1.5rem;
}

.offboarding-message,
.offboarding-offer-copy {
	margin-bottom: 1.5rem;
}

.offboarding-illo {
	width: 8rem;
	height: auto;
	margin-bottom: 1rem;
}

img.offboarding__image {
	width: 200px;
	max-width: 100%;
	margin-bottom: 1rem;
}

.offboarding-actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
}

.offboarding-actions .btn {
	width: 100%;
	max-width: 16rem;
}

.offboarding-form {
	text-align: left;
}

.offboarding-feedback {
	text-align: left;
}

.offboarding-feedback .input {
	max-width: 100%;
}

.offboarding-feedback-input {
	min-height: 6rem;
	resize: vertical;
}

.offboarding-feedback-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 1rem;
}

.go__back {
	display: flex;
	width: 70px;
	max-height: 2.5em;
	color: #1464f6;
	padding: 6px;
	margin-left: 15px;
	align-items: center;
	cursor: pointer;
	text-align: center;
	font-weight: 400;
	font-size: 15px;
	border-radius: 4px;
	box-sizing: border-box;
	justify-content: space-between;
}

.go__back svg {
	height: 24px;
	width: 16px;
	fill: #1464f6;
	margin-right: 4px;
}
.change-plan-pane__header .go__back {
	/*margin-top: 7px;*/
}
.go__back:hover {
	cursor: pointer;
	background: #f7f6f6 !important;
	color: #1464f6 !important;
}

.db-wrap.theme-dark .go__back,
.db-wrap.theme-dark .go__back svg {
	color: var(--link-color);
	fill: var(--link-color);
}

.db-wrap.theme-dark .go__back:hover {
	background: var(--well-bg) !important;
	color: var(--link-color) !important;
}

.consent-banner {
	position: fixed;
	bottom: 1rem;
	left: 50%;
	transform: translate(-50%, 0);
	padding: 1rem;
	background: white;
	color: black;
	border-radius: 0.5rem;
	/* Above all */
	z-index: 5000;
	border: 1px solid #aaa;
	padding-right: 3rem;
	max-width: 80vw;
	max-width: min(40rem, 80vw);
	width: 100%;
	box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.2);
}

.consent-banner-message {
	margin: 0 0 1rem;
}

.consent-banner-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	background: transparent;
	padding: 0;
	cursor: pointer;
}

.consent-banner-close svg {
	display: block;
}

.consent-banner-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}


/*# sourceMappingURL=https://my.moqups.com/sourcemaps/main.455ec17ad227641e5ad2.css.map*/