/*
 * Parcel Web Access — single stylesheet.
 *
 * Replaces styles-2.6.7.css, reveal-2.1.css, chosen/chosen.css and
 * sign-in-with-apple-1.1.css. The rendering is unchanged: colours that used to
 * be duplicated across 30 separate prefers-color-scheme blocks are now custom
 * properties, vendor-prefixed gradients have been rewritten in standard syntax
 * with the same result, and selectors that matched nothing have been dropped.
 *
 * Browser floor: Chrome/Edge 98+, Firefox 98+, Safari 15.4+.
 */

/* ------------------------------------------------------------------ tokens */

:root {
	--accent: #d96b00;
	--accent-soft: #e39244;

	--page-bg: #ffffff;
	--panel-bg: #ffffff;
	--content-text: #000000;
	--header-name: #7b7b7b;
	--header-note: #676767;
	--body-text: #585858;

	--table-bg: #ffffff;
	--table-header-bg: #f7f7f7;
	--table-text: #000000;
	--table-link: #000000;
	--expected-date: grey;
	--expected-date-link: grey;

	--footer-bar-bg: #f7f7f7;
	--tab-active-bg: #c2c2c2;
	--tab-active-text: #ffffff;
	--dropdown-text: #000000;

	--modal-close: #c6c6c6;
	--app-store-banner: url(../images/download-app-store-dark@2x.png);
}

@media (prefers-color-scheme: dark) {
	:root {
		--page-bg: #2c2a28;
		--panel-bg: #2c2a28;
		--content-text: #fefefe;
		--header-name: #e8e8e8;
		--header-note: #fefefe;
		--body-text: #fefefe;

		--table-bg: #2c2a28;
		--table-header-bg: #dddddd;
		--table-text: #fefefe;
		--table-link: #fefefe;
		--expected-date-link: #f7f7f7;

		--footer-bar-bg: #2c2a28;
		--tab-active-bg: #dddddd;
		--tab-active-text: #000000;
		--dropdown-text: #e8e8e8;

		--modal-close: #fefefe;
		--app-store-banner: url(../images/download-app-store-light@2x.png);
	}
}

/* -------------------------------------------------------------------- base */

body {
	width: 960px;
	min-width: 960px;
	margin: auto;
	font-family: -apple-system, BlinkMacSystemFont, 'PT Sans', sans-serif;
	font-size: 15px;
	background-color: var(--page-bg);
}

a img {
	border: 0;
}

#main {
	width: 960px;
	margin: auto;
}

/* ------------------------------------------------------------------ header */

#header {
	width: 940px;
	height: 175px;
}

#header_logged {
	width: 960px;
	height: 175px;
}

#header_leftlogo {
	width: 128px;
	height: 139px;
	float: left;
	margin-top: 28px;
	background-image: url(../images/web_access_logo_new.png);
	background-repeat: no-repeat;
}

#header_leftname,
#header_leftname_logged {
	width: 332px;
	height: 174px;
	float: left;
	margin-left: 20px;
	font-weight: 700;
	font-size: 25px;
	color: var(--header-name);
}

#header_leftname_logged {
	margin-right: 20px;
}

#header_leftname h1,
#header_leftname_logged h1 {
	margin-top: 42px;
	margin-bottom: -5px;
	font-size: 55px;
	color: #d17043;
}

#header_leftname a,
#header_leftname_logged a {
	text-decoration: none;
}

#header_second_block,
#header_second_block_clear,
#header_second_block_main {
	width: 460px;
	float: left;
}

#header_second_block {
	height: 174px;
}

#header_second_block_clear {
	height: 60px;
}

#header_second_block_main {
	height: 80px;
}

#header_center_text {
	height: 80px;
	float: right;
	margin-top: 5px;
	text-align: right;
}

#header_center_text p {
	margin-top: 0;
	margin-bottom: 2px;
	font-size: 14px;
	color: var(--header-note);
}

#header_center_text a {
	color: var(--accent);
}

#header_mail_image {
	width: 157px;
	height: 25px;
	float: right;
	background-image: url(../images/mail.png);
	background-repeat: no-repeat;
}

#header_rightline {
	width: 461px;
	height: 1px;
	float: right;
	background-image: url(../images/header_rightline.png);
	background-repeat: no-repeat;
}

@media (prefers-color-scheme: dark) {
	#header_rightline {
		visibility: hidden;
	}
}

/* ------------------------------------------------------------ login screen */

#content {
	width: 960px;
	height: 475px;
}

#content_codeentry {
	width: 960px;
	height: 310px;
}

#content_codeentry_clear {
	width: 702px;
	height: 57px;
}

#content_codeentry_form {
	width: 702px;
	height: 253px;
	clear: both;
	margin: auto;
	background-image: url(../images/entry_form.png);
	background-repeat: no-repeat;
}

#content_codeentry_form_emailfield {
	width: 702px;
	height: 40px;
	padding-top: 20px;
}

#content_codeentry_form_passfield {
	width: 702px;
	height: 40px;
	padding-top: 14px;
}

#account_email,
#account_password {
	width: 299px;
	height: 40px;
	margin-left: 192px;
	border: none;
	border-radius: 5px;
	font-weight: 700;
	font-size: 20px;
	color: #7b7b7b;
	text-align: center;
	background-color: white;
}

/* The old rule for these grouped ::-webkit-input-placeholder with the unknown
   :-moz-placeholder, which invalidated the whole selector list, so it never
   applied. Keeping the inherited 20px so the field renders as it always has. */
#account_email::placeholder,
#account_password::placeholder {
	color: #b3b3b3;
}

#content_codeentry_form_input {
	width: 702px;
	height: 75px;
	padding-top: 25px;
}

#content_codeentry_form_input input {
	width: 300px;
	height: 40px;
	margin-left: 192px;
	border: none;
	border-radius: 5px;
	font-size: 20px;
	color: #fff;
	background-image: linear-gradient(#f1c100, #ea9700);
}

#content_instructions {
	width: 960px;
	height: 165px;
}

#content_instructions_text {
	width: 500px;
	height: 100px;
	margin: 30px auto auto;
	color: var(--content-text);
}

#content_instructions_text_label {
	width: 500px;
	height: 45px;
	margin: 10px 0 0 20px;
	font-weight: 700;
	font-size: 23px;
}

#content_instructions_text_howto {
	width: 500px;
	height: 55px;
	margin: 0;
	font-size: 15px;
	letter-spacing: .06em;
}

#content_instructions_text_howto b {
	font-weight: 400;
	color: var(--accent-soft);
	text-decoration: underline;
}

/* ------------------------------------------------------------------ footer */

#footseparator {
	width: 945px;
	height: 35px;
	margin-right: 55px;
	background-image: url(../images/footer_rightline.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#footseparator p {
	font-weight: 700;
	font-size: 27px;
	color: var(--content-text);
}

#footer {
	width: 960px;
	height: 235px;
}

#footer_left,
#footer_center {
	width: 300px;
	float: left;
	margin-top: 25px;
	margin-right: 40px;
	font-size: 18px;
	text-align: left;
	color: var(--body-text);
}

#footer_left {
	height: 210px;
}

#footer_center {
	height: 200px;
}

#footer_right {
	width: 280px;
	height: 235px;
	float: left;
}

#footer_right_text {
	width: 280px;
	height: 45px;
	margin-top: 20px;
	font-size: 17px;
	color: var(--body-text);
}

#footer_right_text a {
	font-size: 17px;
	color: var(--accent);
	text-decoration: none;
}

#footer_right_language {
	width: 280px;
	height: 45px;
	font-size: 17px;
	color: var(--body-text);
}

#footer_right_language p {
	margin-top: 8px;
}

#footer_right_language_selector {
	color: var(--body-text);
}

#footer_right_icon {
	width: 280px;
	height: 80px;
}

/* ----------------------------------------------------------- control panel */

#controlledContent {
	width: 960px;
}

#verysmallspace {
	width: 960px;
	height: 10px;
}

#smallspace {
	width: 960px;
	height: 20px;
}

#controlpanel {
	width: 960px;
	height: 40px;
}

#controlpanel_statusDisplay {
	width: 460px;
	height: 40px;
	float: right;
	line-height: 40px;
	font-size: 16px;
	color: var(--accent);
	text-align: right;
}

#controlpanel_filterButton {
	width: 40px;
	height: 40px;
	float: right;
	color: var(--accent);
}

#filter_icon {
	padding: 10px 10px 0;
}

.controlpanel_button,
.controlpanel_button_not_active {
	width: 130px;
	height: 40px;
	float: left;
	margin-right: 10px;
	line-height: 40px;
	font-size: 16px;
	font-weight: bolder;
	color: var(--accent);
	text-align: center;
}

.controlpanel_button a,
.controlpanel_button_not_active a {
	color: var(--accent);
	text-decoration: none;
}

.controlpanel_button_api {
	width: 60px;
}

.controlpanel_button_active {
	width: 130px;
	height: 40px;
	float: left;
	line-height: 40px;
	font-size: 16.5px;
	font-weight: bolder;
	letter-spacing: .03em;
	text-align: center;
	color: var(--tab-active-text);
	background-color: var(--tab-active-bg);
}

.controlpanel_button_active a {
	color: var(--tab-active-text);
	text-decoration: none;
}

/* ------------------------------------------------------------ delivery list */

#table {
	width: 960px;
	color: var(--content-text);
}

.listLoader {
	margin-left: 450px;
	padding-bottom: 15px;
}

.tableData {
	width: 960px;
	border-collapse: collapse;
	font-size: 12px;
	text-align: left;
	background-color: var(--table-bg);
}

.tableData th {
	padding: 7px 10px;
	font-size: 15px;
	font-weight: 700;
	color: #000;
	background-color: var(--table-header-bg);
}

.tableData td {
	padding: 16px 10px;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	color: var(--table-text);
}

.tableData td a {
	color: var(--table-link);
	text-decoration: none;
}

.tableData a.change {
	font-size: 15px;
	color: var(--accent);
	text-decoration: none;
}

.tableData td.detailed {
	padding: 12px 10px;
	font-size: 14.5px;
}

.tableData td.centeredDetailed {
	padding: 12px 10px;
	text-align: center;
}

.tableData td.detailedWithExpected {
	padding-bottom: 2px;
	border-bottom: none;
	font-size: 14.5px;
}

.tableData td.expectedDate {
	padding: 5px 10px 14px;
	font-size: 13px;
	color: var(--expected-date);
}

.tableData td.expectedDate a {
	color: var(--expected-date-link);
	text-decoration: none;
}

.tableData tbody:hover td a {
	color: var(--accent);
}

.deliveryStatusIcon {
	margin-bottom: -4px;
	margin-left: 4px;
}

/* ----------------------------------------------------------- footer strip */

#controlfooter {
	width: 960px;
	height: 30px;
	margin-right: 60px;
	margin-bottom: 20px;
	text-align: right;
}

#controlfooter_left {
	width: auto;
	height: 26px;
	margin-top: 2px;
	margin-bottom: 2px;
	line-height: 26px;
	text-align: left;
	background-color: var(--footer-bar-bg);
}

#controlfooter_left p {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 5px;
}

#controlfooter_left_copyright {
	float: left;
}

#controlfooter_left_copyright p {
	font-size: 13px;
	color: var(--content-text);
}

#controlfooter_left_language {
	float: right;
	margin-right: 10px;
	font-size: 14px;
	color: var(--accent);
	text-decoration: none;
}

#controlfooter_right {
	display: inline-block;
	height: 30px;
	float: right;
	padding-left: 10px;
	background-color: var(--panel-bg);
}

#controlfooter_right a {
	display: inline-block;
	margin-top: -2px;
	line-height: 30px;
	font-size: 20px;
	font-weight: 700;
	color: var(--accent);
	text-decoration: none;
}

/* -------------------------------------------------------------- dropdowns */

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown p {
	color: var(--accent);
}

.dropdown-content {
	display: none;
	position: absolute;
	min-width: 160px;
	z-index: 1;
	background-color: var(--panel-bg);
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
}

.dropdown-content a {
	display: block;
	padding: 8px 16px;
	color: var(--dropdown-text);
	text-decoration: none;
}

.dropdown-content a:hover {
	color: var(--accent);
}

.dropdown:hover .dropdown-content {
	display: block;
}

/* ------------------------------------------------------- add / edit form */

#shipmentForm {
	width: 960px;
	height: 415px;
	margin-left: 0;
	background-image: url(../images/addview.jpg);
}

#shipmentForm_spacerBeforeDescription,
#shipmentForm_spacerBeforeNumber,
#shipmentForm_spacerBeforeCourier,
#shipmentForm_beforeButton,
#shipmentForm_descriptionInput,
.shipmentForm_numberInput,
#shipmentForm_button,
#shipmentForm_descriptionLabel,
.shipmentForm_numberLabel,
#shipmentForm_courierLabel {
	width: 428px;
	clear: both;
	margin-left: 266px;
}

#shipmentForm_spacerBeforeDescription {
	height: 32px;
}

#shipmentForm_spacerBeforeNumber {
	height: 20px;
}

#shipmentForm_spacerBeforeCourier {
	height: 36px;
}

/* 29px rather than the original 34px: the submit button sat 5px low against the
   background artwork. This spacer is display:none whenever the extra field is
   shown, so it cannot disturb that layout, which was already correct. */
#shipmentForm_beforeButton {
	height: 29px;
}

#shipmentForm_descriptionInput {
	height: 38px;
	margin-top: 7px;
}

.shipmentForm_numberInput {
	height: 44px;
	margin-top: 6px;
}

#shipmentForm_descriptionLabel,
.shipmentForm_numberLabel,
#shipmentForm_courierLabel {
	height: 18px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}

#shipmentForm_button {
	height: 53px;
}

#shipmentForm_button input {
	width: 428px;
	height: 53px;
	margin: auto;
	border: none;
	font-size: 24px;
	color: #fff;
	background: none;
}

.add_name_form {
	width: 422px;
	height: 39px;
	padding: 0 0 1px 6px;
	border: none;
	font-weight: 700;
	font-size: 18px;
	color: #7b7b7b;
	background: none;
}

#add_postcode {
	background-image: url(../images/postcode.jpg);
	background-repeat: no-repeat;
}

.add_name_form::placeholder {
	font-size: 18px;
	color: #b3b3b3;
}

.add_name_form:focus::placeholder {
	opacity: 0;
	transition: opacity .5s .7s ease;
}

#helpicon {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	vertical-align: 7%;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #000;
	background-color: #fff;
	box-shadow: inset -1px -1px 1px 0 rgba(0, 0, 0, .25);
}

/* --------------------------------------------------------------- combobox */
/* Chosen-compatible markup, so these rules are the Chosen ones with the dead
   multi-select, RTL and disabled variants removed. */

#courier_list_smart_chzn {
	width: 428px;
	height: 42px;
	clear: both;
	margin-top: 6px;
	margin-left: 266px;
	background: none;
}

.chzn-container {
	position: relative;
	display: inline-block;
	font-size: 16px;
}

.chzn-container .chzn-drop {
	position: absolute;
	top: 29px;
	left: 0;
	z-index: 999;
	border: 1px solid #aaa;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	background: #fff;
	box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.chzn-container-single .chzn-single {
	display: block;
	position: relative;
	overflow: hidden;
	height: 43px;
	padding: 0 0 0 8px;
	border: 1px solid #aaa;
	border-radius: 5px;
	background-clip: padding-box;
	line-height: 44px;
	white-space: nowrap;
	color: #444;
	text-decoration: none;
	background-color: #fff;
	background-image: linear-gradient(to top, #f4f4f4 0%, #eee 48%, #f6f6f6 50%, #fff 80%);
	box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
}

.chzn-container-single .chzn-single span {
	display: block;
	overflow: hidden;
	margin-right: 26px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.chzn-container-single .chzn-single div {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 100%;
}

/* Was chosen-sprite.png; inline SVG so there is no binary asset to keep around
   and the arrow stays sharp on retina. */
.chzn-container-single .chzn-single div b {
	display: block;
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23888'/%3E%3C/svg%3E") no-repeat center;
}

.chzn-container-single .chzn-search {
	position: relative;
	margin: 0;
	padding: 3px 4px;
	white-space: nowrap;
	z-index: 1010;
}

.chzn-container-single .chzn-search input {
	margin: 1px 0;
	padding: 4px 20px 4px 5px;
	border: 1px solid #aaa;
	outline: 0;
	font-family: sans-serif;
	font-size: 1em;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cg fill='none' stroke='%23888' stroke-width='1.5'%3E%3Ccircle cx='6' cy='6' r='4'/%3E%3Cpath d='M9 9l4 4'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 3px center,
		linear-gradient(to top, #fff 85%, #eee 99%);
}

.chzn-container .chzn-results {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 240px;
	margin: 0 4px 4px 0;
	padding: 0 0 0 4px;
}

.chzn-container .chzn-results li {
	display: none;
	margin: 0;
	padding: 5px 6px;
	line-height: 15px;
	list-style: none;
}

.chzn-container .chzn-results .active-result {
	display: list-item;
	cursor: pointer;
}

.chzn-container .chzn-results .highlighted {
	color: #fff;
	background-color: #3875d7;
	background-image: linear-gradient(to top, #2a62bc 10%, #3875d7 80%);
}

.chzn-container .chzn-results li em {
	font-style: normal;
	background: #feffde;
}

.chzn-container .chzn-results .highlighted em {
	background: transparent;
}

.chzn-container .chzn-results .no-results {
	display: list-item;
	background: #f4f4f4;
}

.chzn-container-active .chzn-single {
	border: 1px solid #5897fb;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.chzn-container-active .chzn-single-with-drop {
	border: 1px solid #aaa;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #eee;
	background-image: linear-gradient(to top, #fff 20%, #eee 80%);
	box-shadow: 0 1px 0 #fff inset;
}

.chzn-container-active .chzn-single-with-drop div {
	border-left: none;
	background: transparent;
}

.chzn-container-active .chzn-single-with-drop div b {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M4 0l4 5H0z' fill='%23888'/%3E%3C/svg%3E");
}

/* ------------------------------------------------------------------ modal */
/* Native <dialog> standing in for the Reveal plugin. */

#infoModal {
	width: 960px;
	/* The UA stylesheet caps dialogs at the viewport width; the panel is 1040px
	   wide including padding and has always been allowed to overflow. */
	max-width: none;
	max-height: calc(100vh - 140px);
	position: fixed;
	top: 100px;
	left: 50%;
	margin: 0 0 0 -520px;
	padding: 30px 40px 34px;
	border: none;
	border-radius: 5px;
	overflow-y: auto;
	color: var(--content-text);
	background: var(--panel-bg);
	box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

#infoModal::backdrop {
	background: rgba(0, 0, 0, .8);
}

/* showModal() focuses the first focusable child, which put a ring on the
   tracking link. Focus goes to the dialog itself instead — Tab still cycles
   through the contents from there. */
#infoModal:focus {
	outline: none;
}

/* Safari still rings whatever it focused on open. Suppress it only for
   programmatic focus; real keyboard navigation keeps its ring. */
#infoModal a:focus:not(:focus-visible),
#infoModal .close-reveal-modal:focus:not(:focus-visible) {
	outline: none;
}

#infoModal[open] {
	animation: modal-in 400ms ease;
}

#infoModal[open]::backdrop {
	animation: backdrop-in 200ms ease;
}

#infoModal.is-closing {
	animation: modal-out 400ms ease forwards;
}

#infoModal.is-closing::backdrop {
	animation: backdrop-out 400ms ease forwards;
}

@keyframes modal-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes modal-out {
	from { opacity: 1; }
	to { opacity: 0; }
}

@keyframes backdrop-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes backdrop-out {
	from { opacity: 1; }
	to { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	#infoModal[open],
	#infoModal[open]::backdrop,
	#infoModal.is-closing,
	#infoModal.is-closing::backdrop {
		animation-duration: 1ms;
	}
}

.close-reveal-modal {
	position: absolute;
	top: 8px;
	right: 11px;
	padding: 0;
	border: none;
	background: none;
	line-height: .5;
	font-size: 32px;
	font-family: inherit;
	color: var(--modal-close);
	cursor: pointer;
	text-decoration: none;
}

#delivery_title {
	padding-bottom: 15px;
	font-size: 1.8em;
	color: var(--content-text);
}

#expected_date {
	padding-bottom: 15px;
	font-size: 1em;
}

#track_web a {
	color: var(--accent);
	text-decoration: none;
}

#text-extended {
	width: 550px;
	height: 300px;
	float: left;
	padding-right: 150px;
}

#image-extended {
	width: 210px;
	height: 300px;
	float: left;
	margin-top: 10px;
	padding-top: 15px;
	padding-left: 50px;
	background-image: url(../images/extended_version_settings.png);
	background-repeat: no-repeat;
}

@media (prefers-color-scheme: dark) {
	#infoModal a {
		color: var(--accent);
	}
}

/* -------------------------------------------------- sign in with apple */

.apple-signin-btn {
	display: block;
	width: 300px;
	height: 40px;
	margin-top: 14px;
	margin-left: 192px;
	/* Apple specifies a corner radius of ~8px */
	border: none;
	border-radius: 8px;
	cursor: pointer;
	/* Apple requires SF Pro or the system font */
	font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif;
	font-size: 19px;
	font-weight: 500;
	letter-spacing: -.3px;
	white-space: nowrap;
	text-decoration: none;
	transition: opacity .15s ease;
	-webkit-font-smoothing: antialiased;
}

.apple-signin-btn:hover {
	opacity: .85;
}

.apple-signin-btn:active {
	opacity: .7;
}

/* Black variant (default, recommended on white/light backgrounds) */
.apple-signin-btn.black {
	color: #fff;
	background-color: #000;
}

/* White variant (recommended on dark/coloured backgrounds) */
.apple-signin-btn.white {
	color: #000;
	border: 1.5px solid #000;
	background-color: #fff;
}

/* ------------------------------------------------------ retina artwork */
/* min-resolution only landed in Safari 16, so the WebKit alias stays. */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#header_leftlogo {
		background-image: url(../images/web_access_logo_new@2x.png);
		background-size: 100%;
	}

	#header_mail_image {
		margin-right: -4px;
		background-image: url(../images/mail@2x.png);
		background-size: 100%;
	}

	#content_codeentry_form {
		background-image: url(../images/entry_form@2x.png);
		background-size: 100%;
	}

	#shipmentForm {
		background-image: url(../images/addview@2x.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
	}

	#image-extended {
		background-image: url(../images/extended_version_settings@2x.png);
		background-size: 100%;
	}
}

@media (prefers-color-scheme: dark) {
	#app_store_banner {
		display: block;
		box-sizing: border-box;
		width: 205px;
		height: 68.5px;
		padding-left: 205px;
		background: var(--app-store-banner) no-repeat;
		background-size: 100%;
	}
}