:root{
	--accent:91,138,254;
	--round:4px;
	--background:#F8F9FD;
	--card:#FFF;
	--text-color:#6b7c93;
	--box-shadow:0 0 5px rgba(0,12,86,.05),0 4px 32px rgba(0,12,86,.05);
	--abstract-text:#000;
	--btn-text:#FFF;
	--border-color:#d8e1ed;
}
body.dark{
	--background:#10101a;
	--card:#171725;
	--text-color:#879ebd;
	--abstract-text:#FFF;
	--border-color:#2b405b;
	--btn-text:#000;
	--box-shadow:0 0 5px rgba(13,15,26,.7),0 4px 32px rgba(13,15,26,.7);
}
body.dark .selector.active{
	background-color:#1F2948;
}
::selection{
	background:rgba(var(--accent),.5);
}.login-background{
	position:absolute;
	background-color:rgb(var(--accent));
	inset:0;
	
}.disabled{pointer-events:none;}

.card{
	background-color:var(--card);
	border-radius:var(--round);
	box-shadow:var(--box-shadow);
	position:relative;
	overflow:hidden;
	transition:0.2s;
	margin-bottom:16px;
}
.click{
	padding-right: 39px;
	cursor:pointer;
	transition:0.3s!important;
	position:relative;
}
.click:hover,.click-block:hover{
	z-index:1;
	box-shadow:inset 0 0 0 2px rgb(var(--accent))!important;
	transition:0s!important;
}
.click:after{
	content:"keyboard_arrow_right";
	right:8px;
	top:50%;
	font-family:'Material Symbols Outlined';
	position:absolute;
	font-size:18pt;
	margin-top:-14px;
	transition:0.2s;
}
.click.open:after{
	transform:rotate(90deg);
}

.card-group{box-shadow:var(--box-shadow);border-radius:var(--round);position:relative;}

.card-group .card-group{box-shadow:none;}

.card-group>.card{
	box-shadow:none;
	border-radius:0;
	border-top:solid 2px var(--background);
	margin:0;
}
.card-group>.card:first-child{border-top:0;border-top-left-radius:var(--round);border-top-right-radius:var(--round);}
.card-group>.card:last-child{border-bottom-left-radius:var(--round);border-bottom-right-radius:var(--round);}

.card>.nav{padding-top:16px;padding-bottom:16px;}

.card-split{
	margin:12px 0px;
	border-bottom: solid 2px var(--background);
}

.expand{
	overflow-y:hidden;
	overflow-x:unset;
	transition:0.2s;
}

.loader{
	position:absolute;
	inset:0;
	background-color:inherit;
	margin:0!important;
	border-radius:var(--round);
	display:flex;
	align-items:center;
	justify-content: center;
	transition:0.2s;
	opacity:0;
}
.loader.show{opacity:1;}
.loader:after{
	content:"";
	width:10px;
	height:10px;
	border:solid 2px rgb(var(--accent));
	border-radius:99px;
	border-top-color:transparent;
	animation:spin 1s linear infinite;
}
.btn>.loader:after{border-color:#FFF;border-top-color:transparent;}

.text{
	margin:8px 0;
}

p{margin:0 0 7px 0;}

.heading{
	font-size:20px;
	margin-bottom:5px;
	color:rgb(var(--accent));
	text-transform: uppercase;
}
.heading.S{font-size:15px;}
.heading.L{font-size:25px;}

.dialog{
	position:fixed;
	inset:0;
	z-index:100;
	transition:0.2s;
	opacity:0;
	background-color:rgba(0,0,0,.4);
}

.dropdown{
	position:fixed;
	top:0;
	left:0;
	z-index:150;
	transition:opacity 0.2s;
	margin-top:10px;
}

.dropdown:before{
	content:"";
	transform:rotate(45deg);
	border:solid 6px var(--card);
	z-index:1;
	position:absolute;
	left:50%;
	top:-5px;
	margin-left:-6px;
}

.dialog.show{
	opacity:1;
}

.tag{
    color: var(--btn-text);
    background-color: rgb(var(--accent));
    padding: 4px 8px;
    margin: 4px 0;
    display: inline-block;
    border-radius: 3px;
	font-weight:bold;
	position:relative;
	display:inline-flex;
	align-items: center;
	box-sizing: border-box;
}
.tag.dot:before {
    content: "";
    border-radius: 5px;
    z-index: 1;
	margin-right:6px;
	border:solid 2px;
}

.alert{
	padding: 9px 12px;
    font-weight: bold;
    border-radius: var(--round);
    border-left: solid 3px;
	background-color: var(--background);
}

.tabs>a{
	color:var(--text-color);
	opacity:0.7;
	transition:0.2s;
	margin-bottom:8px;
}
.tabs.block>a.btn{
	display:block;
	text-align:center;
	width:180px;
	align-self: stretch;
}

.tabs.block>a.btn>*{
	display:block;
	width:100%;
	text-wrap: wrap;
}
.tabs.block>a.btn>i{
	font-size:40px;
}
.tabs.block>a.btn>label{
	font-size:20px;
}
.tabs.boxed>a{border:solid 1px;};
.tabs>a:hover{
	color:rgb(var(--accent));
	opacity:1;
}
.tabs>a.active{
	color:rgb(var(--accent));
	background-color: rgba(var(--accent),.1);
	opacity:1;
}
.tabs .btn.add{
	border-style:dashed;
	width:unset!important;
}

.tabs>a.disabled{color:#b8c3d3;}

.tabs.rich>a{display:block;text-align:center;}

.selection>div{
	width:200px;
	transition:0.3s;
	cursor:pointer;
}

.selection>div>i{
	font-size:40px;
	color:rgb(var(--accent));
	margin:20px 0;
}

.tooltip{
	position: absolute;
    bottom: calc(100% + 8px);
    background-color: #000;
    color: #FFF;
    padding: 6px 11px;
    border-radius: var(--round);
	pointer-events:none;
	opacity:0;
	transition:0.2s;
}
.tooltip:after {
    content: "";
    transform: rotate(45deg);
    border: solid 6px #000;
    z-index: -1;
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -6px;
}

.has-tooltip:hover>.tooltip{opacity:1;}

[color='grey']{background-color:rgba(82, 133, 155,.1);color:rgb(82, 133, 155);}
[color='green']{background-color:rgba(48, 167, 117,.1);color:rgb(48, 167, 117);}
[color='yellow']{background-color:rgba(183,135,49,.1);color:rgb(183,135,49);}
[color='red']{background-color:rgba(197,22,46,.1);color:rgb(197,22,46);}
[color='purple']{background-color:rgba(118, 41, 165,.1);color:rgb(118, 41, 165);}

.checkout-dot{
	width:70px!important;
	height:47px;
	border-radius:5px;
	box-shadow:0 3px 6px rgba(0,0,0,.15);
	text-align:center;
	padding-top:3px;
	display:inline-block;
}
.checkout-dot>div{height:15px;}
.checkout-dot>div:before{
	content:"";
	width:30px;
	margin-right:10px;
	display:inline-block;
	height:6px;
	margin-bottom:5px;
	background-color:var(--custom);
	border-radius:99px;
	opacity:0.6;
	vertical-align:middle;
}
.checkout-dot>div:after{
	content:"";
	vertical-align:middle;
	width:10px;
	display:inline-block;
	height:10px;
	margin-bottom:5px;
	background-color:var(--custom);
	border-radius:99px;
}
.checkout-dot>a{
    background-color: var(--custom);
    border-radius: 99px;
    display: block;
    height: 12px;
    margin: 0 9px;
	position:relative;
}
.checkout-dot>a:before{content:"BUY";font-size:8px;color:#FFF;position:absolute;width:100%;left:0;margin-top:1px;}


.wrapflex.text-copy{
    overflow: hidden;
    overflow-wrap: anywhere;
}

img.preview{
	width:100px;
	height:100px;
	object-fit: cover;
	border-radius:4px;
}

.list>div{
	padding-top:8px;
	padding-bottom:6px;
	border-bottom:solid 2px var(--background);
}
.list>div:last-child{
	border-bottom:0;
}

.element-detail{
	padding:26px;
}

.element-detail>div{
	width:250px;
	border-right:solid 2px var(--background);
	margin-right:20px!important;
	margin-bottom:17px;
}

.element-detail>div:last-child{border:0;}

.element-detail>div>div{
	font-weight:bold;
	margin-bottom:10px;
	display:block;
}

.selector{
	border-bottom:solid 2px rgb(var(--accent));
	cursor:pointer;
	overflow:unset;
	z-index:1;
}
.selector.active{
	background-color: #D8E3FD;
}

.selector.active:after{
	content:"";
	position:absolute;
	width:16px;
	height:16px;
	background-color: inherit;
	border:solid 2px rgb(var(--accent));
	border-width:0 0 2px 2px;
	bottom:-10px;
	left:50%;
	margin-left:-8px;
	transform:rotate(-45deg);
}

@media only screen and (max-width: 400px) {
	
	.element-detail>div{
		width:100%;
		margin-right:0!important;
		border-right:0;
	}
	
}.btn{
	padding:7px 12px;
	white-space: nowrap;
	position: relative;
	text-decoration: none;
	cursor:pointer;
	border-radius:var(--round);
	border:solid 2px transparent;
	
	transition:0.2s;
	display:inline-flex;
	align-items:center;
	user-select:none;
	justify-content: center;
}
.btn.hollow{
	border-color:rgb(var(--accent));
	color:rgb(var(--accent));
}
.btn.solid{
	background-color:rgb(var(--accent));
	color:var(--btn-text);
}
.btn:not(.solid):hover{
	background-color: rgba(var(--accent),.1);
	transition:0s;
}
.btn.solid:hover{
	box-shadow:0 0 6px rgba(var(--accent),.5);
	transition:0s;
}
.btn>*{margin-right:5px;pointer-events:none;}
.btn>*:last-child{margin-right:0px;}

.btn>.complete{
	position:absolute;
	inset:0;
	background-color:#FFF;
	border:solid 2px #36C69C;
	margin: -6px -2px;
    border-radius: 6px;
	color:#36C69C;
	display:inline-flex;
	justify-content: center;
	align-items:center;
}

.btn small{color:var(--text-color);}

.btn.S{
	padding:2px 8px;
}

.inputwrap{
	margin-bottom:10px;
	flex:1;
}

.inputwrap.connected{
	margin:0;
	
}
.inputwrap.connected .wrapflex{
	border-radius:0;
	margin-bottom:-1px;
}

.inputwrap.connected .wrapflex:last-child{
	border-bottom-width:1px;
	border-bottom-left-radius:var(--round);
	border-bottom-right-radius:var(--round);
}

.input-under{
	display: flex;
    justify-content: space-between;
}

.inputwrap .wrapflex{
	border:solid 1px var(--border-color);
	border-radius:var(--round);
	position:relative;
	display:flex;
	align-items:center;
	transition:0.2s;
	padding:0 16px;
}
.inputwrap.focus .wrapflex{
	border-color:rgb(var(--accent));
}
.inputwrap .wrapflex>.input{
	background:none;
	border:0;
	outline:0;
	padding:12px 0;
	font-family: 'Muli', sans-serif;
	box-sizing:border-box;
	min-height: 100%;
    width: 100%!important;
	color: var(--abstract-text);
}

select option{
	background-color:var(--background);
}

input.input::-webkit-calendar-picker-indicator{
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

.inputwrap.readonly .wrapflex{
	background-color:#f5f8fb;
	border-color:transparent;
}

.inputwrap .checkboxflex{
	display:flex;
	align-items:center;
}
.inputwrap .checkboxflex>.input{position:absolute;display:none;}
.inputwrap .checkboxflex>a{
	border: solid 1px var(--border-color);
    display: inline-block;
    padding: 0px 2px;
    margin-right: 9px;
    border-radius: var(--round);
	color:transparent;
	transition:0.2s;
	user-select:none;
}
.checkboxflex>a>i{font-size:17pt;pointer-events:none;    margin-top: 1px;}
.checkboxflex>a.checked{background-color:rgb(var(--accent));border-color:transparent;}
.checkboxflex>a.checked>i{color:#FFF;}

.inputwrap.slide{
	max-width:65px;
	margin-bottom:0;
}

.inputwrap.slide .checkboxflex{
    flex-wrap: wrap;
    justify-content: center;
}

.inputwrap.slide .checkboxflex>a{
	width: 100%;
    border-radius: 99px;
	height:24px;
	position:relative;
	background-color:var(--background);
	margin-bottom:4px;
	margin-right:0;
	max-width: 50px;
}
.inputwrap.slide .checkboxflex>a.checked{
	background-color:rgb(var(--accent));
}

.inputwrap.slide .checkboxflex>a>i{display:none;}

.inputwrap.slide .checkboxflex>a:after{
	content:"";
	position:absolute;
	background-color:var(--btn-text);
	border-radius:99px;
	width:16px;
	height:16px;
	top:3px;
	left:4px;
	margin-left: 0;
	transition:0.3s;
	border: solid 1px var(--border-color);
}
.inputwrap.slide .checkboxflex>a.checked:after{
	left:100%;
	margin-left: -20px;
}

.inputwrap.slide label{
	font-size: smaller;
}

form.disabled .inputwrap{
	opacity:0.3;
	pointer-events:none;
}
form.disabled .btn{pointer-events:none;}

.wrapflex>i{
	padding: 0 13px;
	pointer-events:none;
	transition:0.2s;
}
.wrapflex>i.fix-right{
	position: absolute;
    right: 0px;
    pointer-events: none;
}
.wrapflex>span{pointer-events:none;}
.wrapflex.focus>i{color:rgb(var(--accent));}
.inputwrap.error .wrapflex{border-color:rgb(255,0,0);}

.inputwrap .form-error{
	color:red;
	opacity:0;
	transition:0.2s;
}
.inputwrap.error .form-error{opacity:1;}


.footer{
	position:sticky;
	transition:0s!important;
	bottom:0;
}

@media screen and (min-width:600px){
	.form-siblings .inputwrap{display:flex;}
	.form-siblings .inputwrap>label{width:130px;margin-top: 10px;text-align:right;}
	.form-siblings .inputwrap>div{padding-left:20px;flex:1;}
	
	.form-siblings .form-default .inputwrap{display:block!important;}
	.form-siblings .form-default .inputwrap>div{padding-left:0px;}
	
}


.media-input{
	border:dashed 2px #d8e1ed;
	padding:20px;
	overflow:hidden;
	position:relative;
	text-align:center;
	border-radius: 4px;
	transition:0.2s;
}

.media-input>i{
    font-size: 40px;
    color: rgb(var(--accent));
    border: solid 1px #d8e1ed;
    border-radius: 99px;
    padding: 20px;
    margin: 20px 0;
    display: inline-block;
	
}



.media-input.clickable:hover{
	border-color:rgb(var(--accent));
	cursor:pointer;
	transition:0s;
}

.media-input img{
	max-height: 200px;
	border-radius:5px;
}

.media>.card{
	width:150px;
	height:230px;
	cursor:pointer;
	border:solid 2px var(--card);
	overflow:hidden;
}

.media>.card:hover{
	border-color:rgb(var(--accent));
}

.media .image{
	width:100%;
	height:150px;
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.media .upload{
	
	position:relative;
	background-color:var(--card);
}

.media .upload>div{
	text-align:center;
	color:rgb(var(--accent));
	pointer-events:none;
}
.media .upload>input{
	position:absolute;
	margin:-500px;
	width:500%;
	height:500%;
	cursor:pointer;
}

.media .upload>div>i{font-size:50px;display:block;margin: 41px 0 0;}.columns{
	display:flex;
	justify-content:space-between;
}
.columns>div{
	width:100%;
	box-sizing: border-box;
}

a{
	cursor:pointer;
	color:rgb(var(--accent));
}
.placeholder{
	text-align:center;
	padding:20px 0;
}
.placeholder>i{
	color:rgb(var(--accent));
	font-size: 90pt;
	margin-bottom:10px;
}

.pad{padding:16px;}

.pb{padding-bottom:15px;}
.mb{margin-bottom:15px;}

@media screen and (min-width:799px){
	::-webkit-scrollbar {width: 6px;}
	::-webkit-scrollbar-thumb{background: #d7e1ea;}
}
@media screen and (max-width:800px){
	.columns{
		display:block;
	}
	.columns>div{
		width:auto;
	}
	.screencenter.max-small{padding:0;}
	
	/*.siblings:not(.stay) .grow{flex:unset;width:100%!important;}*/
}/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

.ql-editor{min-height:150px;}
.ql-toolbar.ql-snow .ql-picker-options,.ql-snow .ql-tooltip{box-shadow:var(--box-shadow);border:0;border-radius:var(--round);padding:12px;}
.ql-toolbar.ql-snow{border-color:var(--border-color);border-top-left-radius:var(--round);border-top-right-radius:var(--round);}
.ql-container.ql-snow{border-color:var(--border-color);border-bottom-left-radius:var(--round);border-bottom-right-radius:var(--round);}
.ql-snow .ql-tooltip input[type=text]{transition:0.2s;height: 39px;border-radius:var(--round);border-color:#d8e1ed;outline:0;}
.ql-snow .ql-tooltip input[type=text]:focus{border-color:rgb(var(--accent));}
.ql-snow .ql-stroke{stroke:var(--text-color);}
.ql-snow .ql-picker{color:var(--text-color);}
/*# sourceMappingURL=quill.snow.css.map*/.sidebar{
	width:250px;
	height:100%;
	position:absolute;
	left:-250px;
	transition:0.2s;
	z-index:20;
	box-shadow:var(--box-shadow);
	background-color:var(--card);
	box-sizing:border-box;
}
body>.sidebar{position:fixed;}
.sidebar.super{
	position:fixed;
	top:0;
	width:100%;
	max-width:420px;
	left:-420px;
	z-index:125;
}

.sidebar>.menu-btn{
	position:absolute;
	right:-38px;
	top:6px;
	padding:6px 8px;
	background-color:rgba(var(--accent),.2);
	color:rgb(var(--accent));
	border-radius:var(--round);
	transition:0.2s;
	z-index:100;
}
.sidebar>.menu-btn>i{font-size:12pt;margin-top: 2px;}
.sidebar>.menu-btn>i:after{content:"menu";}

.sidebar .scroller{padding:20px;padding-top:56px;box-sizing: border-box;width:100%;}

.sidebar-contents{
	top:0;
	left:0;
	right:0;
	background-color:var(--background);
	position:relative;
	min-width:250px;
	transition:0.2s;
	box-sizing: border-box;
	min-height:100%;
	padding:10px;
}
body>.sidebar-contents{
	position:absolute;
	padding-top: 70px;
}

.sidebar.open{left:0px;}
.sidebar-contents.open{margin-left:250px;}

.sidebar.open>.menu-btn{right:6px;}
.sidebar.open>.menu-btn>i:after{content:"west";}

.topbar{
	height:60px;
	position:fixed;
	top:0;
	right:0px;
	background-color:var(--background);
	width: 100%;
    text-align: right;
	z-index:10;
	margin:0 10px;
}
.nav .group{
	margin-left:12px;
	position:relative;
}
.nav>.group{margin-left:0;}

.nav .group>a{
	padding:7px 6px;
	display:flex;
	align-items:center;
	margin:2px 0;
	font-weight:bold;
	color:var(--abstract-text);
	cursor:unset;
}

.nav .items>a,.nav>a{
	padding:7px 6px;
	display:flex;
	align-items:center;
	color:var(--text-color);
	transition:0.2s;
	border-radius:var(--round);
	margin:2px 0;
	text-decoration:none;
}

.nav a.disabled{opacity:0.4;}

.nav a>i{margin-right:10px;color:rgb(var(--accent));}


.nav .items>a.active,.nav .items>a:hover,.nav>a:hover{
	background-color:rgba(var(--accent),.1);
	color:rgb(var(--accent));
}
.nav .group>a.active:not(:hover){
	color:var(--abstract-text);
	background:none;
}

.nav .items{
	padding-left:34px;
	position:relative;
	overflow:hidden;
	transition:0.2s;
}
.nav .items.addons{
	padding-left:0;
	display:inline-flex;
	flex-wrap:wrap;
	width:100%;
}

.nav .items.addons > a{
	width:33%;
	text-align:center;
	display:block;
	font-size:9pt;
	padding:7px 0;
	box-sizing:border-box;
}

.addon{
	background-color: rgb(var(--accent));
    color: #FFF;
    border-radius: 5px;
	padding: 2px;
	box-sizing:border-box;
}

.addon.L{
	
	font-size: 40px;
	width:50px;
	height:50px;
	text-align:center;
}
.addon>img{
	max-width:50px;
	max-height:40px;
}
.addon.material-symbols-outlined{
	padding-top:4px;
}
.nav .items:not(.addons):before{
	content: "";
    position: absolute;
    width: 3px;
    left: 16px;
    top: 0px;
    bottom: 0px;
    background-color: rgba(var(--accent),.2);
	border-radius:5px;
}

.sidebar .sidebar-btn{
	z-index: 1;
    top: 6px;
    width: 171px;
    left: 7px;
	padding-bottom:6px;
	background-color: rgba(var(--accent),.2);
	position:absolute;
}
.sidebar .addon{
	position: absolute;
    right: 6px;
    padding: 4px;
	font-size:16px;
}

.tabs .addon{display:none;}.calendar{
	padding-bottom:5px;
	margin:1px;
}
.calendar>.siblings{margin-bottom:5px;}
.calendar .grid>div{
    width: calc(14.28% - 1px);
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    transition: 0.2s;
    box-shadow: 0 0 0 1px #ced6e1;
    margin: 0.5px;
    text-align:center;
    box-sizing: border-box;
}
.calendar .grid>div.day{
	color:rgb(var(--accent));
	
	min-height: 77px;
}
.calendar .grid>div.outer{
	color:#bcc4cf;
}
.calendar .grid>div>*{display:block;}

.calendar .timeslots>*{display:flex;margin-bottom:2px;}
.calendar .timeslots .btn{padding:1px;}
.calendar .timeslots .siblings>*{margin:0;}
.calendar .timeslots .card{padding:0;}.chart canvas{
	
	width:100%;
	height:500px;
	
}

.chart-total .label{
	font-size:13pt;
	color:var(--abstract-text);
}

.chart-total .value{
	min-width:100px;
}
.chart-total .value.L{
	font-size:15pt;
	color:rgb(var(--accent));
}

@media screen and (max-width: 600px){
	
	.chart-total{
	    width: 100%;
        flex: unset;
		margin-right:0!important;
	}
	
}.colorpicker{
	display:inline-block;
	width:30px;
	height:25px;
	border-radius:99px;
	background-color:blue;
	font-size: 20px;
	color:#FFF;
	text-align:center;
	padding-top:3px;
	pointer-events:none;
}
.colorpicker:after{
		content:"colorize";
	font-family:"Material Symbols Outlined";
}

.colorpicker_dropdown .color_item{
	border:solid 2px var(--card);
	outline:solid 2px var(--card);
	display:inline-block;
	width:18px;
	height:18px;
	margin:-1px 0px;
	border-radius:99px;
	cursor:pointer;
	transition:0.2s;
	z-index:1;
	position: relative;
}
.colorpicker_dropdown .color_item:hover,.colorpicker_dropdown .color_item.active{
	outline-color:rgb(var(--accent));
	transition:0s;
	z-index:2;
}.datalist{
	
	
	
}

.datalist .headings>div{
	font-weight:bold;
	border-right:solid 1px var(--background);
	margin-bottom:0;
	padding:6px 4px;
}
.datalist .headings>div:last-child{border-right:0;}

.datalist .grid{
	
}

.datalist .grid>div{
	
	border-top:solid 1px var(--background);
	opacity:1;
	transition:0.2s;
	pointer-events:auto;
}
.datalist .grid>div.animate{
	opacity:0;
	pointer-events:none;
}
.datalist .grid>div>div{
	padding: 6px 4px;
}
.datalist .grid>div.clickable:hover{
	cursor:pointer;
	transition:0s;
	background-color:var(--background);
}

.datalist .filter{
	margin-bottom:15px;
}

.datalist .filter>*,.datalist .filter .inputwrap{
	margin-bottom:0;
}
@media screen and (max-width:500px){
	
	.datalist .grid>div,.datalist .headings{
		flex-wrap: nowrap;
	}
	
	.datalist .grid>div>div,.datalist .headings>div{
		width:33%;
		flex:unset;
	}
	
	.datalist .grid>div>div:nth-child(n+4),.datalist .headings>div:nth-child(n+4){
		display:none;
	}
	
}.datepicker{
	width:300px;
}
.datepicker .grid>div{
	width: 14.28%;
	padding:8px 0;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	border-radius:var(--round);
	transition:0.2s;
}
.datepicker .grid>div.day{
	cursor:pointer;
	color:rgb(var(--accent));
	margin:2px 0;
}
.datepicker .grid>div.day:not(.active):hover{
	transition:0s;
	background-color: rgba(var(--accent),.2);
}
.datepicker .grid>div.outer{
	color:#bcc4cf;
}
.datepicker .grid>div.locked{
	color:#bcc4cf;
	pointer-events:none;
}

.datepicker .grid>div.day.today{
	box-shadow:0 0 1px 1px rgb(var(--accent));
}

.datepicker .grid>div.active,.datepicker .nav a.active{
	background-color: rgb(var(--accent));
	color:#FFF;
}
.datepicker .nav{
	overflow:auto;
}
.datepicker .clock{
	color: #FFF;
    background-color: rgb(var(--accent));
    text-align: center;
    padding: 8px 0;
    font-size: 16px;
    margin-bottom: 9px;
    border-radius: var(--round);
}
.datepicker .day.fill{
	background-color: rgba(var(--accent),.1);
	border-radius:0;
}

.datepicker .day.fill.start{
	border-top-left-radius:100px;
	border-bottom-left-radius:100px;
}
.datepicker .day.fill.end{
	border-top-right-radius:100px;
	border-bottom-right-radius:100px;
}.editlist{
	box-shadow:none;
	touch-action: pan-y;
}

.editlist .siblings.fixed>.btn{width:auto!important;}

.editlist.drag-state{
	pointer-events:none;
}

.drag-handle{
    width: 50px!important;
    height: 35px;
    margin-right: 12px;
    position: relative;
    cursor: move;
    cursor: grab;
}
.drag-handle:before,.drag-handle:after{
	content:"";
	position:absolute;
	background-color:rgba(var(--accent),.25);
	height:4px;
	left:10px;
	right:10px;
	top:10px;
	transition:0.2s;
}
.drag-handle:hover:before,.drag-handle:hover:after{background-color:rgba(var(--accent),.8);transition:0s;}
.drag-handle:after{bottom:10px;top:auto;}

.dragging{
	position:absolute;
	transition:0s!important;
	box-sizing: border-box;
	z-index:1000;
	pointer-events:none;
	width:100%;
	max-width:500px;
	box-shadow:var(--box-shadow)!important;
}
.dragging.return{
	transition:0.2s!important;
	max-width:1000px;
}

.dragging>*:not(.drag-keep,.drag-handle){
	display:none;
}

.drop-placeholder{border:dashed 2px transparent;height:0;transition:0.1s;margin:-2px 0;}
.drop-placeholder.show{border-color:rgb(var(--accent));background-color:rgba(var(--accent),.3);height:50px;margin:0;}.schedule-list{
	position:relative;
	margin:16px 0;
}
.schedule-list>.month-group{
	position:relative;
	padding-left:70px;
	margin-bottom:20px;
}
.schedule-list .month-label {
    position: absolute;
    left: 0;
    text-align: center;
	font-weight:bold;
	width: 51px;
}

.schedule-list .month-label:after{
    content: "";
    position: absolute;
    right: -5px;
    width: 6px;
    height: 6px;
    border-radius: 4px;
    background-color: var(--text-color);
    opacity: 0.6;
    top: 10px;
}

.schedule-list .month-label>span:first-child{font-size:18px;}
.schedule-list .month-label>span{display:block;}

.schedule-list:before{
	content:"";
	position:absolute;
	background-color:var(--text-color);
	margin-left: 51px;
	width:4px;
	border-radius:5px;
	height:100%;
	opacity:0.2;
}

@media screen and (max-width:360px){
	.schedule-list .month-label{display:none;}
	.schedule-list:before{display:none;}
	.schedule-list>.month-group{padding-left:0;}
}.multistatus{
	padding:6px;
	border-radius:4px;
	border:solid 1px #d8e1ed;
	transition:0.2s;
	position:relative;
}
.multistatus:hover{
	border-color:rgb(var(--accent));
	transition:0s;
}
.multistatus>div{
	font-size:12px;
}
.multistatus:after{
	content:"keyboard_arrow_down";
	font-family:"Material Symbols Outlined";
	position:absolute;
	right:5px;
	top:6px;
	font-size:15px;
}.theme-preview{
	max-width:200px;
	border:solid 1px var(--border-color);
	padding:12px;
	box-sizing:border-box;
	border-radius:5px;
	font-size:10px;
	position:relative;
	background-color:#FFF;
	overflow:hidden;
}
.theme-preview.dark{background-color:#121416;color:#9eadc1;}

.theme-preview>div{pointer-events:none;}

.theme-preview .box{
	padding:4px 6px;
	border:solid 1px #dee7f1;
	margin-right:0;
}
.theme-preview.dark .box{
	border-color:#333f4f;
}
.theme-preview .btn{padding:3px 6px;margin-right:0;border-radius:2px;}
.theme-preview i{font-size:12px;}
.theme-preview>.btn{
    width: 100%;
    box-sizing: border-box;
}

.theme-preview .heading{
	font-size:12px;
}

.theme-preview:after{
    content: "PREVIEW ONLY";
    opacity: 0;
    background-color: var(--background);
    position: absolute;
    inset: 0;
    z-index: 1;
    transition: 0.2s;
    text-align: center;
    padding-top: 35px;
    font-size: 14px;
    font-weight: bold;
}
.theme-preview:hover:after{
	opacity:0.95;
}
.theme-preview.select{
	cursor:pointer;
}
.theme-preview.select:after{
	content:"APPLY THEME";
}