h6._title {
	font-size:24px; font-family:'Poppins'; text-align:center; margin-bottom:25px;
}

/*Sign in*/
div[data-layer='signup'] {
	display:grid; place-items:center; width:100%; box-sizing:border-box; height:100vh; background:#FAFAFA;
}
div[data-layer='signup'] .contain {
	width:100%; max-width:400px; box-sizing:border-box;
}
div[data-layer='signup'] .contain h6 {
	font-size:24px; font-family:'Poppins'; font-weight:normal; color:black; margin-bottom:8px; text-align:center;
}
div[data-layer='signup'] .box {
	width:100%; border-radius:11px; padding:40px 30px 60px; box-sizing:border-box; background:white; box-shadow:1px 3px 5px rgba(0,0,0,0.05); position:relative;
}
div[data-layer='signup'] .box .panel-input {
	margin-bottom:12px;
}
div[data-layer='signup'] .box .panel-input input {
	border-radius:22px;
}
div[data-layer='signup'] .box > .content > .button {
	background:white; color:black; width:120px; margin:12px auto 30px; border-radius:22px; text-align:center; padding:6px 13px; box-sizing:border-box; cursor:pointer; font-family:'Poppins','sans-serif'; font-size:13px; border:1px solid black; transition:.3s;
}
div[data-layer='signup'] .box > .content > .button:hover {
	background:black; color:var(--button-color); transition:.3s;
}
div[data-layer='signup'] .box .others {
	width:100%; box-sizing:border-box;
}
div[data-layer='signup'] .box .others p {
	width:fit-content; font-size:15px; text-transform:uppercase; font-family:'Poppins'; font-weight:normal; box-sizing:border-box; flex-shrink:0; min-width:120px; text-align:center;
}
div[data-layer='signup'] .box .others .title {
	display:-webkit-flex; align-items:center; column-gap:10px; justify-content:space-between; flex-shrink:0; width:100%; box-sizing:border-box;
}
div[data-layer='signup'] .box .others .title:before,
div[data-layer='signup'] .box .others .title:after {
	width:100%; max-width:150px; box-sizing:border-box; background:black; height:1px; content:' ';
}
div[data-layer='signup'] .box .others > .google {
	width:100%; max-width:300px; margin:12px auto 0; box-sizing:border-box; display:grid; place-items:center;
}
div[data-layer='signup'] .contain .new-account {
	text-align:center; font-size:12px; font-family:'Poppins'; font-weight:normal; color:#005CBF; text-decoration:underline; position:absolute; bottom:8px; width:100%; box-sizing:border-box; left:0; right:0;
}
div[data-layer='signup'] .contain .home {
	text-align:center; font-size:15px; font-family:'Poppins'; font-weight:normal; margin-top:12px; color:#005CBF; text-decoration:underline;
}

/*Account Settings*/
div[data-layer='account'],
div[data-layer='myhistory'] {
	display:-webkit-flex; justify-content:space-between; column-gap:30px; width:100%; box-sizing:border-box;
}
div[data-layer='account'] .left-info {
	width:30%; box-sizing:border-box; flex-shrink:0;
}
div[data-layer='account'] .right-info,
div[data-layer='myhistory'] .right-info {
	width:100%; box-sizing:border-box;
}

div[data-layer='account'] .box,
div[data-layer='myhistory'] .box {
	border:1px solid #DEDEDE; border-radius:6px; padding:30px 0; background:white; box-shadow:0 2px 5px rgba(0,0,0,.2); margin-bottom:18px;
}
div[data-layer='account'] .box .img {
	width:140px; height:140px; box-sizing:border-box; margin:0 auto 40px; background:#DEDEDE; box-shadow:0 2px 5px #DEDEDE; border-radius:50%; overflow:hidden;
}
div[data-layer='account'] .box .content {
	width:85%; box-sizing:border-box; margin:0 auto;
}
div[data-layer='account'] .box .content .items {
	display:-webkit-flex; justify-content:space-between; column-gap:10px; margin-bottom:12px;
}
div[data-layer='account'] .box:last-child,
div[data-layer='account'] .box .content .items:last-child {
	margin:0;
}
div[data-layer='account'] .box .content .items p {
	font-size:12px; font-family:'Poppins','sans-serif';
}
div[data-layer='account'] .box .content .items p:nth-child(1) {
	width:100px; box-sizing:border-box; flex-shrink:0; color:#C0C0C0; position:relative; font-weight:normal;
}
div[data-layer='account'] .box .content .items p:nth-child(1):before {
	content:':'; position:absolute; right:0;
}
div[data-layer='account'] .box .content .items p:nth-child(2) {
	width:100%; box-sizing:border-box; color:black;
}

div[data-layer='account'] .box h6 {
	font-size:15px; font-family:'Poppins'; color:black;
}
div[data-layer='account'] .box .content .items._password p:nth-child(2) {
	cursor:pointer; color:#0055FF; text-decoration:underline;
}
div[data-layer='account'] .box .button {
	background:var(--button-color); color:black; width:140px; margin:20px auto 0; border-radius:6px; text-align:center; padding:6px 13px; box-sizing:border-box; cursor:pointer; font-family:'Poppins','sans-serif'; font-size:13px; border:1px solid transparent; transition:.4s;
}
div[data-layer='account'] .box .button:hover {
	background:white; border-color:black; transition:.4s;
}


/*MyHistory*/
div[data-layer='myhistory'] .left-info {
	width:300px; box-sizing:border-box; flex-shrink:0;
}
div[data-layer='myhistory'] .box {
	border:1px solid #DEDEDE; border-radius:6px; padding:15px 0; background:white; box-shadow:0 2px 5px rgba(0,0,0,.2); margin-bottom:18px;
}
div[data-layer='myhistory'] .left-info > .box .content {
	width:85%; box-sizing:border-box; margin:0 auto;
}
div[data-layer='myhistory'] .left-info > .box .content .items {
	font-size:15px; font-family:'Poppins'; color:black; cursor:pointer; padding:8px 12px; transition:.4s;
}
div[data-layer='myhistory'] .left-info > .box .content .items:hover {
	background:var(--button-color); transition:.4s;
}
div[data-layer='myhistory'] .right-info > .box .content {
	width:95%; box-sizing:border-box; margin:0 auto;
}
div[data-layer='myhistory'] .box ul._wrapper_items,
div[data-layer='myhistory'] .box ul._header {
	display:-webkit-flex; align-items:center; padding:12px 0; border-bottom:1px solid #DEDEDE; font-size:13px; font-family:'Poppins'; color:black; justify-content:space-between;
}
div[data-layer='myhistory'] .box ul._wrapper_items {
	font-size:15px; padding:15px 0;
}
div[data-layer='myhistory'] .box ul li {
	width:100%; box-sizing:border-box; flex-shrink:0; text-align:center;
}
div[data-layer='myhistory'] .box ul li.items:nth-child(1),
div[data-layer='myhistory'] .box ul li.items:nth-child(2) {
	max-width:200px; 
}
div[data-layer='myhistory'] .box ul li.items:nth-child(3),
div[data-layer='myhistory'] .box ul li.items:nth-child(4) {
	max-width:140px;
}
div[data-layer='myhistory'] .box ul li.items:nth-child(5) {
	max-width:100px;
}

div[data-layer='myhistory'] .box .content ._pag_list {
	display:-webkit-flex; align-items:center; width:100%; box-sizing:border-box; justify-content:center; padding-top:20px;
}
div[data-layer='myhistory'] .box .content ._pag_list ._pag {
	display:grid; place-items:center; width:30px; height:30px; box-sizing:border-box; transition:.4s; cursor:pointer; border-radius:50%; font-size:15px; font-family:'Poppins';
}
div[data-layer='myhistory'] .box .content ._pag_list ._pag:hover {
	background:#FFFCE5; transition:.4s;
}
div[data-layer='myhistory'] .box .content ._pag_list ._pag.active {
	background:var(--button-color);
}


/*Edit Modal*/
div.edit-modal {
	position:fixed; width:100%; box-sizing:border-box; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.2); z-index:9999; height:100vh; display:grid; place-items:center; overflow:hidden; transition:.4s; opacity:0; pointer-events:none;
}
div.edit-modal.active {
	opacity:1; pointer-events:auto; transition:.4s;
}
div.edit-modal .box {
	width:100%; box-sizing:border-box; max-width:400px; background:white; border-radius:11px;  box-shadow:0 2px 5px rgba(0,0,0,.2); overflow:hidden;
}
div.edit-modal .box .title {
	width:100%; box-sizing:border-box; padding:8px 30px; font-family:'Poppins'; font-size:21px; background:#F3F3F3;
}
div.edit-modal[data-layer='edit-address'] .box {
	max-width:540px;
}
div.edit-modal .box .content {
	margin-bottom:20px; padding:30px 30px 0;
}
div.edit-modal .box .content .panel-input {
	margin-bottom:12px;
}
div.edit-modal .box .button {
	background:var(--button-color); color:black; width:140px; margin:20px auto 0; border-radius:6px; text-align:center; padding:6px 13px; box-sizing:border-box; cursor:pointer; font-family:'Poppins','sans-serif'; font-size:13px; border:1px solid transparent; transition:.4s; margin-bottom:30px;
}
div.edit-modal .box .button:hover {
	background:white; border-color:black; transition:.4s;
}