/*
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url("https://fonts.googleapis.com/css?family=Noto Sans HK");
@import url("https://fonts.googleapis.com/css?family=Noto Sans SC");
*/

html { font-size: 85%; /* 12px */ }
body {
    height: 100%;
    font-size: 1rem; /* 12px */
}

body {
    font-family: "Noto Sans HK", "Noto Sans SC", sans-serif;
	background-color: #ffffff;
}

html[lang="en-US"] body {
    font-family: "Roboto", sans-serif;
}

/*
html[lang="en-US"] body {
    font-family: "Noto Sans HK", "Noto Sans SC", sans-serif;
}
*/

.wrap {
	background-color: #ffffff;
}

/*
h1, .h1 {
  font-size: 2rem;
}

h2, .h2 {
  font-size: 1.8rem;
}

h3,.h3 {
  font-size: 1.6rem;
}

h4, .h4 {
  font-size: 1.4rem;
}

h5, .h5 {
  font-size: 1.2rem;
}

h6, .h6 {
  font-size: 1rem;
}
*/

#return-to-top {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

@media (max-width: 767px) {
	#return-to-top {
	   bottom: 40px !important;	
	}
}


.modal-header .close {
    position: absolute;
    right: 0;
    top: 2px;
    /*background-color: #660000;*/
    /*color: #ffffff;*/
    opacity: 1;
    filter: alpha(opacity=100);
    font-size: 40px;
    width: 40px;
    height: 40px;
}

.container .container {
/*    margin-left: -15px;
    margin-right: -15px;
*/    
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.modal .container {
    width: 100% !important;
}

.page-main-content > .cms-html > .container-fluid 
, .page-left-sidebar > .cms-html > .container-fluid 
, .page-right-sidebar > .cms-html > .container-fluid 
{
    margin-left: -15px;
    margin-right: -15px;
}

.xxxxcontainer-fluid .xxxcontainer-fluid {
    margin-left: -15px;
    margin-right: -15px;
    width: 100%;
}

.row > .row {
    margin-left: 0px;
    margin-right: 0px;
}


.cms-html {
	font-size: 20px;
	color: #373737;
}

@media (min-width: 1200px) {
	.cms-html {
		font-size: 16px;
	}
}


.cms-html img {
	max-width: 100% !important;
	height: auto !important;
}

.page-main-content {
	min-height: 98vh;
}


.btn-lavender {
    color: #333333;
    background-color: #E6E6FA;
    border-color: #F0F8FF;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.btn-silver {
    color: #333333;
    background-color: silver;
    border-color: silver;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.btn-grey {
    color: #ffffff;
    background-color: grey;
    border-color: grey;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.btn-darkgrey {
    color: #333333;
    background-color: #A9A9A9;
    border-color: #A9A9A9;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.btn-darkgrey:hover
, .btn-grey:hover
, .btn-silver:hover 
{
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-lavender:hover 
{
    color: #333333;
    opacity: 1;
    filter: alpha(opacity=100);
}


.datepicker-dropdown {
	z-index: 99999;
}

.mttable {
	border-top: 4px solid #FFCA05;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.mttable tr td, .mttable tr th {
	padding-left: 10px;
	
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0;
}

.mttable thead > tr > th {
  /*
  box-shadow:
    inset 0px -11px 8px -10px rgba(0, 0, 0, 0.2);
	*/
	background-image: url(/frontend/web/images/mttable-header-shadow.png);
    background-position: bottom;
    background-repeat: repeat-x;
}


/*
.mttable thead {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
*/

/*
.mttable .xboxshadow {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.mttable .boxshadow {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 4px;
	height:0px;
	overflow: hidden;
}
*/
.mttable tbody tr:nth-child(odd) {
	background-color: transparent;
	border-bottom: 1px solid #BDBDBD;
}

.mttable tbody tr:nth-child(even) {
	background-color: #F8F8F8;
	border-bottom: 1px solid #BDBDBD;	
}

.mttable tbody tr:last-child {
	border-bottom: 0;
}



@media (max-width: 1199px) {
	.mttable.xs-full {
		width: calc(100vw - var(--scrollbar)) !important;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;	
	}
	
	.mttable td {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		color: #373737;
	}

	.btn-mt1 {
		margin-top: 35px;
		height: 50px;
		width: 180px;
		border-radius: 40px;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		letter-spacing: 0.05em;
		color: #000000;
		background-color: #FFCA05;
	}

	.btn-mt2 {
		margin-top: 35px;
		height: 50px;
		width: 220px;
		border-radius: 40px;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		letter-spacing: 0.05em;
		color: #000000;
		background-color: #FFCA05;
	}
	.btn-mt3 {
		margin-top: 35px;
		height: 50px;
		width: 300px;
		border-radius: 40px;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		letter-spacing: 0.05em;
		color: #000000;
		background-color: #FFCA05;
	}

}

@media (min-width: 1200px) {
	.mttable tr td, .mttable tr th {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin: 0;
	}
	.mttable td {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		color: #373737;
	}

	.btn-mt1 {
		margin-top: 22px;
		height: 56px;
		width: 180px;
		border-radius: 40px;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 30px;
		text-align: center;
		letter-spacing: 0.05em;
		color: #000000;
		background-color: #FFCA05;
	}
	.btn-mt2 {
		margin-top: 22px;
		height: 56px;
		width: 220px;
		border-radius: 40px;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 30px;
		text-align: center;
		letter-spacing: 0.05em;
		color: #000000;
		background-color: #FFCA05;
	}
	.btn-mt3 {
		margin-top: 22px;
		height: 56px;
		width: 300px;
		border-radius: 40px;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 30px;
		text-align: center;
		letter-spacing: 0.05em;
		color: #000000;
		background-color: #FFCA05;
	}

}

.topbottable {
	width: 100%;
}
.topbottable tr {
	border-top: 1px solid #BDBDBD;	
	border-bottom: 1px solid #BDBDBD;	
	
}
.topbottable td {
	padding: 10px;
}


.mtbox {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	border-radius: 15px;
}
.mtbox td {
	padding: 15px;
}

.mtbox 
, .mtbox a
, .mtbox a:link
, .mtbox a:visited
{
	color: #000000;
}

.mtbordertable tr {
	border-top: 1px solid #BDBDBD;	
	border-bottom: 1px solid #BDBDBD;	
}
.mtbordertable td
, .mtbordertable th
{
	border-left: 1px solid #BDBDBD;	
	border-right: 1px solid #BDBDBD;	
	padding: 20px;
}

.mtbordertable td
, .mtbordertable td a
, .mtbordertable td a:link
, .mtbordertable td a:visited
, .mtbordertable th
, .mtbordertable th a
, .mtbordertable th a:link
, .mtbordertable th a:visited
{
	color: #000000;
}









@media (max-width: 1199px) {
	.page-body-html {
		padding-left: 14px;
		padding-right: 14px;
	}
	
	.page-body-html .cms-html h2, h2 {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 400;
		font-size: 28px;
		line-height: 40px;
		/* or 143% */

		letter-spacing: 2px;

		/* deep-grey */

		color: #1C1C1E;
		
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 50px;		
		margin-bottom: 14px;		
	}
	.page-body-html .cms-html h3, h3 {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 700;
		font-size: 22px;
		line-height: 60px;
		/* identical to box height, or 273% */

		letter-spacing: 2px;

		/* deep-grey */

		color: #1C1C1E;

		
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 40px;		
		margin-bottom: 14px;		
	}
	.page-body-html .cms-html h4, h4 {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 28px;
		/* or 175% */

		text-align: justify;

		/* deep-grey-2 */

		color: #373737;

		
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 40px;		
		margin-bottom: 14px;		
	}
	.page-body-html .cms-html {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 28px;
		/* or 175% */

		text-align: justify;

		/* deep-grey-2 */

		color: #373737;		
	}
	
	.page-body-html .cms-html p 
	, .page-home .cms-html p 
	{
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;		
		margin-bottom: 0px;
	}
	.page-body-html .cms-html p + p 
	, .page-home .cms-html p + p 
	{
		margin-top: 28px;
	}

	.modal-body {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 28px;
		/* or 175% */

		text-align: justify;

		/* deep-grey-2 */

		color: #373737;		
	}
	
	.modal-footer .btn {
		margin-bottom: 0px;
		
		border-radius: 55px;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 0px;		
	}
		
}
@media (min-width: 1200px) {
	/* #page-main-content .page-body {
		width: 900px;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	*/
	.page-body-html .cms-html h2, h2 {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 400;
		font-size: 36px;
		line-height: 60px;
		/* identical to box height, or 167% */

		letter-spacing: 2px;

		/* deep-grey */

		color: #1C1C1E;	
		
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 50px;		
		margin-bottom: 14px;		
	}
	
	.page-body-html .cms-html h3, h3 {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 700;
		font-size: 22px;
		line-height: 60px;
		/* identical to box height, or 273% */

		letter-spacing: 2px;

		/* deep-grey */

		color: #1C1C1E;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 27px;		
		margin-bottom: 14px;		
	}
	
	.page-body-html .cms-html h4, h4 {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		line-height: 32px;
		/* identical to box height, or 160% */

		text-align: justify;

		/* deep-grey-2 */

		color: #373737;

		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 45px;		
		margin-bottom: 27px;		
	}
	
	
	.page-body-html .cms-html {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		line-height: 32px;
		/* or 160% */

		text-align: justify;

		/* deep-grey-2 */

		color: #373737;		
	}
	
	.page-body-html .cms-html p 
	, .page-home .cms-html p + p 
	{
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;		
		margin-bottom: 0px;
	}
	.page-body-html .cms-html p + p 
	, .page-home .cms-html p + p 
	{
		margin-top: 32px;
	}

	
	.modal-body {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		line-height: 32px;
		/* or 160% */

		text-align: justify;

		/* deep-grey-2 */

		color: #373737;		
	}
	.modal-footer .btn {
		margin-bottom: 0px;
		
		border-radius: 55px;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 30px;
		letter-spacing: 0em;
	}
	
}







@media (max-width: 1199px) {
	.control-label {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 32px;
		letter-spacing: 2px;
		color: #000000;		
	}
	
	.form-group.required .has-star:not(.custom-control-label)::after, .is-required::after
	{
		margin-left: 0px;
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 32px;
		/* identical to box height, or 200% */

		letter-spacing: 2px;

		color: #FF4105;
	}
	
	.hint-block {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 300;
		font-size: 12px;
		line-height: 18px;
		/* or 150% */


		/* black */

		color: #000000;
	}
	.help-block {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 300;
		font-size: 14px;
		line-height: 20px;
		/* or 150% */


		/* black */

		color: #000000;
	}
	
	

	.from-widget-btn-submit {
		height: 56px;
		width: auto;
		
		max-width: 100%;
		border-radius: 40px;
		margin-top: 28px;
		margin-bottom: 0px;
		
		margin-left: auto;
		margin-right: auto;
		
		padding-top: 0px;
		padding-bottom: 0px;

		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 500;
		font-size: 16px;
		line-height: 56px;
		text-align: center;
		letter-spacing: 0em;

		/* black */

		color: #000000;
	}	

	.form-widget.container {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (min-width: 1200px) {
	.control-label {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 32px;
		letter-spacing: 2px;
		color: #000000;		
	}
	
	.form-group.required .has-star:not(.custom-control-label)::after, .is-required::after
	{
		margin-left: 0px;
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 32px;
		/* identical to box height, or 200% */

		letter-spacing: 2px;

		color: #FF4105;
	}
	
	.hint-block {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 300;
		font-size: 12px;
		line-height: 18px;
		/* or 150% */


		/* black */

		color: #000000;
	}
	.help-block {
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 300;
		font-size: 14px;
		line-height: 20px;
		/* or 150% */


		/* black */

		color: #000000;
	}


	.from-widget-btn-submit {
		height: 56px;
		width: 322px;
		border-radius: 40px;
		margin-top: 42px;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 56px;
		text-align: center;
		letter-spacing: 0.05em;

		/* black */

		color: #000000;	
		
	}	
}


.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	background-color: #F8F8F8;
	color: #818386;
	border: 1px solid #818386;
}
.pagination > li > a, .pagination > li > span {
	background-color: #F8F8F8;
	color: #000000;
	border: 1px solid #818386;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #FFCA05;
	color: #000000;
	border: 1px solid #818386;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #818386;
    background-color: #F8F8F8;
	border: 1px solid #818386;
}


@media (max-width: 1199px) {
	.center-768 {
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.center-900 {
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.center-1040 {
	}
}

@media (min-width: 1200px) {
	.center-768 {
		width: 768px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.center-900 {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.center-1040 {
		width: 1040px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 1400px) {
}

a:hover, a:focus, a:active {
	text-decoration: none;
}


/* =========================== modal =========================== */
.modal-lg .modal-content {
	border-radius: 0;
}
.modal-lg .modal-body {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

@media (max-width: 1199px) {
	.modal-lg {
		width: 100%;
	}
	.modal-dialog {
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.modal-lg {
		width: 750px;
	}
}

@media (max-width: 1199px) {
	.modal-close {
		top: 15px;
		right: 15px;
		position: absolute;
		
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		background-color: transparent;
		border: 0;
		z-index: 1;
	}
	.modal-logo-wrap {
		padding-left: 25px; 
		padding-top: 17px; 
	}
	
	.modal-logo {
		width: 122px;
		height: auto;
		display: block;
		margin-left: 25px;
	}
	
	.modal-title, .modal-title-h4 {
		display: block;
		
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 400;
		font-size: 28px;
		line-height: 60px;
		/* identical to box height, or 214% */

		text-align: center;
		letter-spacing: 5px;

		/* deep-grey */

		color: #1C1C1E;	

		padding-top: 18px;
		padding-bottom: 12px;	
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.modal-body-wrap {
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: left;
	}
}

@media (min-width: 1200px) {
	.modal-close {
		top: 34px;
		right: 34px;
		position: absolute;
		
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		background-color: transparent;
		border: 0;
		z-index: 1;
	}

	.modal-lg {
		width: 1040px;
	}
	
	.modal-logo-wrap {
		padding-left: 141px; 
		padding-top: 52px; 
	}
	.modal-logo {
		width: 181px;
		height: auto;
		display: block;
	}
	
	.modal-title, .modal-title-h4 {
		display: block;
		
		/*font-family: 'Noto Sans HK';*/
		font-style: normal;
		font-weight: 400;
		font-size: 28px;
		line-height: 60px;
		/* identical to box height, or 214% */

		text-align: center;
		letter-spacing: 5px;

		/* deep-grey */

		color: #1C1C1E;	

		padding-top: 18px;
		padding-bottom: 12px;	
		margin-top: 0px;
		margin-bottom: 0px;
		
		padding-left: 25px;
		padding-right: 25px;
		
	}	
	.modal-body-wrap {
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 20px;
		padding-bottom: 20px;
		
		width: 768px;
		margin-left: auto;
		margin-right: auto;

		text-align: left;
	}

}


summary {
  display: flex;
  align-items: center;
}

summary::after {
  content: '';
  width: 18px;
  height: 10px;
  background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 18 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(-0.0247114,-3.02628e-18,2.90782e-18,-0.0237442,23.7506,13.5573)"><path d="M254.6,477.479C259.711,473.272 561.717,170.223 561.717,170.223C561.717,170.223 576.205,153.951 597.839,153.983C621.181,154.019 636.425,170.096 636.425,170.096C636.425,170.096 939.167,475.94 940.854,477.463C967.2,501.255 956.012,536.939 942.827,551.356C928.606,566.906 896.33,575.498 868.319,549.101C865.351,546.304 604.846,285.516 604.846,285.516C604.846,285.516 601.137,280.823 597.481,280.661C594.25,280.517 589.683,285.449 589.683,285.449C589.683,285.449 332.794,543.858 326.478,549.801C312.614,562.847 276.463,576.895 252.279,552.019C218.24,517.006 250.72,480.673 254.6,477.479Z" style="fill:rgb(48,53,59);"/></g></svg>');
  background-size: cover;
  margin-left: .75em;
  transition: 0.2s;
}

details[open] > summary::after {
  transform: rotate(180deg);
}