.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;}

.uploader{
	margin:20px;
	border:dashed 1px var(--line);
	padding:20px;
	position:relative;
	background:rgba(255,255,255,0.8);
}
.uploader img{
	max-width:200px;
	max-height:200px;
	border-radius:var(--round);
}
.vehicle,.vehicle-btn{
	padding: 16px;
    margin: 16px;
    border: dashed 2px var(--line)!important;
}

.vehicle-btn{margin:4px 16px;}

.vehicle .heading{padding:0;}

.html_content p,.html_content h1,.html_content h2{
	margin:0;
}
.html_content h1,.html_content h2{
	color:rgb(var(--theme));
}.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:3,169,244;
	--round:5px;
}
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;
}



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

body.dark .checkout{
	background:#121416;
	--line:#24282c;
}
body.dark:not(.frame){
	background:#121416;
}

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

.steps {
    justify-content: center;
    display: inline-flex;
    border: solid 1px var(--line);
    margin: 10px;
    padding: 3px 11px;
    border-radius: 5px;
}
.steps>a {
    display: inline-block;
    text-transform: capitalize;
}
.steps>a:not(:last-child) {
    padding-right: 15px;
}
.steps>a.active {
    color: rgb(var(--theme));
    font-weight: bold;
}
.steps>a:not(:last-child):after {
    content: "keyboard_arrow_right";
    font-family: "Material Symbols Outlined";
    font-size: 12pt;
    position: absolute;
    margin-left: 5px;
    margin-top: -2px;
    color: var(--text);
    font-weight: normal;
}
.link{
	text-decoration:none;
	color:rgb(var(--theme));
	border-bottom:dashed 1px;
}.ticket{
	padding:10px 20px;
	border-bottom:solid 1px var(--line);
}
.ticket:last-child{border:0;}

.ticket .description{
	margin-top:8px;
	overflow:hidden;
	opacity:0.9;
	max-height:37px;
}
.ticket .description.open{
	max-height:unset;
}

.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,.subheading{
	font-size:26px;
	color:rgb(var(--theme));
	font-weight:bold;
	padding:10px 10px;
}
.subheading{font-size:22px;}

.ticket .title,.tier{
	font-size:16px;
	color:rgb(var(--theme));
	font-weight:bold;
}
.tier{
    color: rgb(var(--theme));
    background-color: rgba(var(--theme),.1);
    padding: 0px 10px;
    border-radius: 6px;
    margin-right: 5px;
}

.ticket .price{
	text-align:right;
}
.ticket .price .fee{
	color: rgb(var(--theme));
	font-size:11px;
	margin:0;
}

.ticket .quantity{
	height: 36px;
	align-items: flex-start;
	user-select:none;
}
.ticket .quantity a{padding:7px;}
.ticket .quantity a:first-child{
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	margin-right:0;
}

.ticket .quantity a:last-child{
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	margin-left:0;
}
.ticket .quantity .inputwrap{margin:0;}
.ticket .quantity .wrapflex{padding:0;margin:0;}
.ticket .quantity .input {
    width: 43px!important;
    height: 35px;
    padding: 0;
    text-align: center;
}

.ticket .quantity .label {
    font-weight: bold;
    color: rgb(var(--theme));
    background-color: rgba(var(--theme),.1);
    padding: 8px 25px;
    border-radius: 6px;
}

.ticket .crossout{
	color:red;
	text-decoration: line-through;
}

.money{
	max-width:400px;
	margin:0 auto;
}
.ticket .discount{
    text-align: center;
    font-weight: bold;
    color: rgb(var(--theme));
}

.tier-row {
    padding: 5px 10px;
    border-bottom: dashed 1px var(--line);
}
.tier-row:last-child{border:0;}

.message p{margin:0;}

.deadline{
	text-align:center;
	color:rgb(var(--theme));
}
.deadline.open{
	padding:16px 6px;
}

.well{
	padding:8px;
	margin:8px;
	border:solid 1px var(--line);
	border-radius:4px;
}

.checkout-loader{
	background-color:#FFF;
	position:absolute;
	inset:0;
}

.complete-icon {
    text-align: center;
    border: solid 4px;
    color: rgb(var(--theme));
    border-radius: 99px;
    font-size: 100px;
    margin: 20px auto;
    display: inline-block;
    padding: 13px;
}

.booking-protect-sales-message .booking-protect-sales-title{display:none;}

.image-view{
	width:100px;
	height:100px;
    display: inline-block;
    vertical-align: middle;
	border:solid 1px var(--line);
	border-radius: 8px;
	overflow:hidden;
	margin-right:8px;
	cursor:pointer;
}
.image-view>img{width:100%;}

.image-view.large>img{
	position:absolute;
}

.detail{
	padding:6px;
}

.detail span{
	float:right;
	font-weight:bold;
	color: rgb(var(--theme));
}

@media screen and (max-width:500px){
	.ticket{justify-content: right;}
	.ticket .content{
		flex-basis: auto;
		width: 100%;
	}
}