.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(--theme));
	border-radius:99px;
	border-top-color:transparent;
	animation:spin 1s linear infinite;
}
.btn>.loader:after{border-color:#FFF;border-top-color:transparent;}.inputwrap .wrapflex {
    border: solid 1px #d8e1ed;
    border-radius: var(--round);
    position: relative;
    display: flex;
    align-items: center;
    transition: 0.2s;
    padding: 0 16px;
}
.inputwrap .wrapflex>.input {
    background: none;
    border: 0;
    outline: 0;
    padding: 12px 0;
    font-family: 'Muli', sans-serif;
    box-sizing: border-box;
    height: 100%;
    width: 100%!important;
}
.input-under {
    display: flex;
    justify-content: space-between;
}
.btn {
    padding: 7px 12px;
    white-space: nowrap;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    border-radius: 6px;
    border: solid 2px transparent;
    transition: 0.2s;
    display: inline-flex;
    align-items: center;
    user-select: none;
    justify-content: center;
	font-weight:bold;
}

.btn.solid{
	background-color:rgb(var(--theme));
	color:#FFF;
}
.btn.solid:hover {
    box-shadow: 0 0 6px rgba(var(--theme),.5);
    transition: 0s;
}
.btn.solid:active {
    background-color:rgba(var(--theme),.8);
}
.btn.solid.disabled{
	pointer-events:none;
	opacity:0.5;
}
.inputwrap.focus .wrapflex{
	border-color:rgb(var(--theme));
}
.inputwrap .form-error{
	color:red;
	opacity:0;
	transition:0.2s;
}
.inputwrap.error .wrapflex{border-color:red;}
.inputwrap.error .form-error{opacity:1;}

.inputwrap .checkboxflex{
	display:flex;
	align-items:center;
}
.inputwrap .checkboxflex>.input{position:absolute;display:none;}
.inputwrap .checkboxflex>a{
	border: solid 1px #d8e1ed;
    display: inline-block;
    padding: 0px 2px;
    margin-right: 9px;
    border-radius: 5px;
	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(--theme));border-color:transparent;}
.checkboxflex>a.checked>i{color:#FFF;}
:root{
	--text:#7389a1;
	--line:#dee7f1;
	--theme:91,138,254;
	--round:5px;
	--heading:#000;
}
body{
	display: flex;
    justify-content: center;
    align-items: center;
    inset: 0;
    position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 20px;
	color:var(--text);
	line-height:1.5;
}

.fixed{
	height:450px;
	overflow-y:scroll;
}

body.dark .checkout{
	background:#121416;
	--line:#24282c;
	--heading:#FFF;
}
body.dark.frame{
	background:#121416;
}

body.dark .inputwrap .wrapflex{
	border-color:var(--line);
}
body.dark .inputwrap .input{color:#FFF;}

.checkout{
	max-width:600px;
	width:100%;
	min-height:100px;
	margin:auto;
}
.checkout-border{
	border:solid 1px var(--line);
	border-radius:8px;
	padding:10px 0;
	margin: 10px 0;
	background-color:#FFF;
}
body.dark .checkout-border{
	background-color:#121416;
}

.link{
	text-decoration:none;
	color:rgb(var(--theme));
	border-bottom:dashed 1px;
}.material-symbols-outlined{
	font-size:14pt;
}

.alert{
	max-height:0;
	overflow:hidden;
}
.alert.open{
	max-height:unset;
}
.alert>div{
	margin-top:15px;
	padding:16px;
	color:red;
	position:relative;
	padding-left:46px;
	background-color:rgba(255,0,0,.08);
}
.alert>div:before{
	font-family:"Material Symbols Outlined";
	content:"warning";
	position:absolute;
	left:16px;
	font-size:20px;
	margin-top:-6px;
}

.heading{
	font-size:26px;
	color:rgb(var(--theme));
	font-weight:bold;
	padding:10px 10px;
	text-transform: uppercase;
}
.subheading{
	font-size:18px;
	color:var(--heading);
	font-weight:bold;
	margin:18px;
}

.overlay{
	inset:0;
	z-index:6;
	background-color:#FFF;
	position:absolute;
	display:none;
}

.option-group{
	margin:16px;
}

.option-group>.option{
	padding:20px 14px 17px 16px;
	box-shadow: inset 0 0 0 1px var(--line);
	transition:0.2s;
	margin-top: -1px;
	z-index:1;
	position:relative;
}

.option-group>.option:first-child{
	border-top-left-radius:7px;
	border-top-right-radius:7px;
}

.option-group>.option:last-child{
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
}

.option-group>.option:hover{
	box-shadow: inset 0 0 0 2px rgb(var(--theme));
	cursor:pointer;
	transition:0s;
	z-index:2;
}

.option i{
	font-size: 26px;
    color: rgb(var(--theme));
    padding-top: 4px;
}