.apirocket-button, 
button.apirocket-button {
	box-sizing: border-box !important;
	display: block;
	width: 100%;
	padding: var(--cart-button-padding-y, 16px) var(--cart-button-padding-x, 16px);
	margin: 0px;
	border-radius: var(--cart-button-border-radius, 4px);
	background-color: var(--cart-button-background-color, transparent);
	border: 1px solid var(--cart-button-border-color, #e5e5e5);
	color: var(--cart-button-font-color, #737373);
	line-height: 1;
	font-size: var(--cart-button-font-size, 16px);
	font-weight: var(--cart-button-font-weight, normal);
	text-align: center;
	transition-property: color, border-color, background-color, box-shadow;
	transition-timing-function: ease;
	transition-duration: 350ms;
	cursor: pointer;
}

.apirocket-button:hover {
	background-color: var(--cart-button-background-color-hover, transparent);
	border-color: var(--cart-button-border-color-hover, #404040);
	color: var(--cart-button-font-color-hover, #404040);
}

.apirocket-button:focus { 
	outline: none;
	text-decoration: underline;
}
/* 
.apirocket-button-loading {
	position: relative;
}  */

.apirocket-button-wraper {
	position: relative;
	display: inline-block;
	width: 32px;
}

.apirocket-button-spinner {
	position: absolute;
	width: 22px;
	height: 22px;
	top: -11px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border: 4px solid currentColor;
	border-top-color: transparent !important;
	border-radius: 50%;
	animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
	from { transform: rotate(0turn) }
	to { transform: rotate(1turn) }
}

.apirocket-button-link,
button.apirocket-button-link {
	display: flex;
	align-items: center;
	text-align: left;
	justify-content: flex-start;
	align-items: center;
	border: none;
	padding-left: 0;
	padding-right: 0;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.apirocket-button-link span {
	margin-left: 16px;
	margin-right: 16px;
}

.apirocket-button-primary,
button.apirocket-button-primary {
	background-color: var(--cart-button-primary-background-color, #1d4ed8);
	border-color: var(--cart-button-primary-border-color, #1d4ed8);
	color: var(--cart-button-primary-text-color, #fff);
}

button.apirocket-button-primary:disabled {
	background-color: #eee;
	border-color: #eee;
	color: #ccc;
}

.apirocket-button-primary:hover {
	background-color: var(--cart-button-primary-background-color-hover, #1d4ed8);
	border-color: var(--cart-button-primary-border-color-hover, #1d4ed8);
	color: var(--cart-button-primary-text-color-hover, #fff);
	box-shadow: var(--cart-shadow-button-primary-hover, none);
}


@media (max-width: 720px) {

	.apirocket-button-link { 
		width: 100%;
		justify-content: center;
	}

}

.apirocket-summary {}

.apirocket-summary-top {
	margin-top: 56px;
	margin-bottom: 32px;
}

.apirocket-summary-header {
	display: flex;
	justify-content: flex-start;
	align-items: center;	
	margin-bottom: 32px;
}

.apirocket-summary-header-icon {
	flex: 0 1;	
	margin-right: 16px;
}

.apirocket-summary-header-content {}

.apirocket-summary-header-title {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	color: #404040;
	margin-bottom: 4px;
}

.apirocket-summary-header-subtitle {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2;
	color: #737373;
}

.apirocket-summary-section {
	margin-top: 16px;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	padding: 24px;
}

.apirocket-summary-section .apirocket-checkout-row { margin-bottom: 32px; }
.apirocket-summary-section .apirocket-checkout-row:last-child { margin-bottom: 0px; }

.apirocket-summary-section-title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	color: #404040;
	margin-bottom: 24px;
}

.apirocket-summary-section-subtitle {
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	color: #404040;
	margin-bottom: 16px;
}

.apirocket-summary-section-text {
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #404040;
}

.apirocket-summary-help {
	display: flex;
	justify-content: flex-start;
	align-items: center;	
}

.apirocket-summary-help-icon { 
	flex: 0 1;
	padding-right: 12px;
}

.apirocket-summary-help-content {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2;
	color: #404040;
}

.apirocket-summary-help-content a {
	display: block;
	color: #737373;
}

@media (max-width: 1000px) {
	.apirocket-summary-top { display: none; }
	.apirocket-summary-header { margin-top: 32px; }
}

@media (max-width: 720px) {	
	.apirocket-summary-section-subtitle { margin-top: 24px; }
	.apirocket-summary-header { 
		flex-direction: column;
		align-items: center;
		text-align: center; 
	}
	.apirocket-summary-header-icon {
		margin-right: 0px;
		margin-bottom: 16px;
	}
	.apirocket-summary-header-title { 
		font-size: 28px;
		margin-bottom: 8px;
	}
}.apirocket-checkout * { box-sizing: content-box; }

.apirocket-checkout {
	display: block;
	position: fixed;
	z-index: 10000;
	right: 0;
	top: 0;
	overflow: hidden;
	overflow-y: auto;
	width: 100%;
	height: 100vh;
	font-family: var(--cart-font-family, "Arial, Helvetica, sans-serif");
	background-color: #fff;
}

.apirocket-checkout-wrap {
	display: flex;
	margin: 0 auto;
	width: 90%;
	min-height: 100%;
	max-width: 1100px;
	padding: 0 5%;

}

.apirocket-checkout-main {
	order: 1;
	width: 52%;
	padding-right: 48px;
}

.apirocket-checkout-summary {
	order: 2;
	position: relative;
	width: 40%;
	padding-left: 48px;
}

.apirocket-checkout-summary::after {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	content: "";
	width: 300%;
	height: 100%;
	background: #f5f5f5;
	z-index: -1;
}

.apirocket-checkout-continue {
	display: flex;
	align-items: center;
	text-align: left;
	margin-top: 40px;
	margin-bottom: 40px;
	color: #737373;
	font-size: 16px;
	font-weight: normal;
	cursor: pointer;
}

.apirocket-checkout-close {
	display: none;
	cursor: pointer;
	position: absolute;
	top: 16px;
	right: 32px;
}

.apirocket-checkout-summary-container {
	display: flex;
	flex-flow: column;
	max-height: calc(100vh - 5%);
	overflow: hidden;
}

.apirocket-checkout-summary-top {
	flex: 0 0 auto;
}

.apirocket-checkout-summary-content {
	flex: 1 1 auto;
	overflow-y: scroll;
}

.apirocket-checkout-summary-footer {
	flex: 0 0 auto;
}

.apirocket-checkout-summary-login {
	display: flex;
	align-items: center;
	justify-content: end;
	text-align: right;
	margin-top: 40px;
	margin-bottom: 40px;
	color: #737373;
	font-size: 16px;
	font-weight: normal;
	cursor: pointer;
}

.apirocket-checkout-summary-login svg,
.apirocket-checkout-continue svg { margin-right: 16px; }

.apirocket-checkout-summary-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 56px;
	margin-bottom: 48px;
}

.apirocket-checkout-summary-header :last-child a {
	font-size: 14px;
	font-weight: normal;
	color: #737373;
}

.apirocket-checkout-summary-item {
	display: flex;
	justify-content: stretch;
	align-items: flex-start;
	padding-bottom: 16px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 16px;
}

.apirocket-checkout-summary-item-col-image {
	flex: 0 0 auto;
	max-width: 100px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	overflow: hidden;
}

.apirocket-checkout-summary-item-col-image img {
	display: block;
	max-width: 100%;
	max-height: 100px;
}

.apirocket-checkout-summary-item-col-description {
	flex: 1 1 auto;
	padding-left: 16px;
	padding-right: 8px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.apirocket-checkout-summary-item-col-description small {
	display: block;
	font-size: 14px;
	font-weight: normal;
	color: #a3a3a3;
}

.apirocket-checkout-summary-item-col-quantity {
	flex: 0 0 50px;
	font-size: 16px;
	font-weight: normal;
	color: #a3a3a3;	
	text-align: right;
}

.apirocket-checkout-summary-item-col-price {
	flex: 0 0 100px;
	font-size: 16px;
	font-weight: bold;
	color: #404040;		
	text-align: right;
}

.apirocket-checkout-summary-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 16px;
}

.apirocket-checkout-summary-label {
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	color: #404040;
}

.apirocket-checkout-summary-value {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	color: #404040;	
}

.apirocket-checkout-summary-row-total {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	border-top: 1px solid #d9d9d9;
	margin-top: 24px;
	padding-top: 24px;
}

.apirocket-checkout-summary-label-total {
	font-size: 18px;
	font-weight: bold;
	line-height: 21px;
	color: #404040;
}
.apirocket-checkout-summary-label-total small {
	display: block;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	color: #a3a3a3;
}

.apirocket-checkout-summary-value-total {
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	color: #404040;	
}

.apirocket-checkout-breadcrumbs ol {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 24px;
}

.apirocket-checkout-breadcrumbs ol li {
	cursor: pointer;
	color: #a3a3a3;
	font-size: 14px;
	line-height: 1;
}

.apirocket-checkout-breadcrumbs ol li::after {
	width: 5px;
	height: 9px;
	display: inline-block;
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 9'%3E%3Cpath d='M1.164.2a.682.682 0 00-.964.964l3.154 3.154L.2 7.472a.682.682 0 10.964.965L4.8 4.8a.682.682 0 000-.964L1.164.2z' fill='%23A3A3A3'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	padding: 0 8px;
}

.apirocket-checkout-breadcrumbs ol li:last-child::after { display: none; }

.apirocket-checkout-breadcrumbs ol li a {
	color: #a3a3a3;
	text-decoration: underline;
}

.apirocket-checkout-breadcrumbs-active {
	font-weight: bold;
	color: #404040 !important;
}

.apirocket-checkout-steps-summary {
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 48px;
}

.apirocket-checkout-steps-summary-row {
	display: flex;
	position: relative;
	border-bottom: 1px solid #d9d9d9;
	padding: 16px;
}

.apirocket-checkout-steps-summary-label {
	flex: 0 0 90px;
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;	
	color: #a3a3a3;
}

.apirocket-checkout-steps-summary-text {
	flex: 1 1 auto;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	color: #404040;
}

.apirocket-checkout-steps-summary-link {
	flex: 0 0 60px;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	text-decoration: underline;
	color: #737373;
	cursor: pointer;
}

.apirocket-checkout-section {
	margin-top: 48px;
}

.apirocket-checkout-section-header {
	margin-bottom: 24px;
}

.apirocket-checkout-section-title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	color: #404040;
}

.apirocket-checkout-section-subtitle {
	font-size: 12px;
	font-weight: normal;
	padding-top: 4px;
	line-height: 1;
	color: #a3a3a3;
	text-align: right;
}

.apirocket-checkout-button-edit {
	cursor: pointer;
}

.apirocket-checkout-button-edit:hover {
	text-decoration: underline;
}

.apirocket-checkout-section a {
	color: #404040;
	outline: none;
	text-decoration: underline;
}

.apirocket-checkout-section-text {
	font-size: 14px;
	line-height: 1;
	margin-top: 4px;
	color: #737373;
}

.apirocket-checkout-actions {
	display: flex;
	margin-top: 64px;
	align-items: center;
	max-width: 100%;
}

.apirocket-checkout-actions > * { flex: 1 1; }

.apirocket-checkout-footer {
	margin-top: 72px;
	border-top: 1px solid #d9d9d9;
	margin-bottom: 64px;
	padding-top: 16px;
}

.apirocket-checkout-footer ul {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

.apirocket-checkout-footer ul li { margin-right: 16px; }

.apirocket-checkout-footer ul li a {
	color: #404040;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}

.apirocket-checkout-footer ul li a:focus {
	outline: none;
	text-decoration: underline;
}

.apircoket-checkout-legal {
	margin-top: 16px;
	font-size: 14px;
	color: #737373;
	font-weight: normal;
	line-height: 1.4;
}

.apircoket-checkout-legal a {
	text-decoration: underline;
	color: #404040;
}

.apirocket-checkout-logo img {
	display: block;
	max-height: 80px;
}

.apirocket-checkout-mobile { display: none; }

.apirocket-checkout-mobile .apirocket-checkout-logo {
	display: block;
	margin-top: 16px;
	margin-bottom: 16px;
}
.apirocket-checkout-mobile .apirocket-checkout-logo img {
	display: block;
	margin: auto;
	max-height: 80px;
}

.apirocket-checkout-mobile-menu {
	background-color: #f5f5f5;
	border-top: 1px solid #d9d9d9;
}

.apirocket-checkout-mobile-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	max-width: 560px;
	margin: 0 auto;
	padding: 16px 0px;
	color: #404040;
}

.apirocket-checkout-mobile-wrapper-cart {
	display: inline-flex;
	align-items: center;
	color: #404040;
	cursor: pointer;
}

.apirocket-checkout-mobile-wrapper-cart svg { margin-right: 8px; }

.apirocket-checkout-mobile-wrapper-total {
	line-height: 20px;
	font-size: 20px;
	font-weight: bold;
}

.apirocket-checkout-mobile-summary { 
	background-color: #f5f5f5;
	transition-property: max-height;
	transition-timing-function: ease-in;
	transition-duration: 350ms;	
	max-height: 0px;
	overflow: hidden;
	border-bottom: 1px solid #d9d9d9;
}

.apirocket-checkout-mobile-summary--show {
	max-height: 1000px;
	overflow: auto;
}

.apirocket-checkout-mobile-summary-wrapper {
	width: 90%; 
	max-width: 560px; 
	padding: 16px 0px;
	margin: 0 auto;
}



/* Utils */

.apirocket-checkout-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.apirocket-checkout-row > * {
	flex: 1 1;
	margin-right: 16px;
}

.apirocket-checkout-row > *:last-child { margin-right: 0; }

.apirocket-checkout-fieldset {
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	overflow: hidden;
}

.apirocket-checkout-fieldset > :last-child { border-bottom: none; }

.apirocket-checkout-fieldset .apirocket-form-input,
.apirocket-checkout-fieldset .apirocket-form-select,
.apirocket-checkout-fieldset .apirocket-form-checkbox,
.apirocket-checkout-fieldset .apirocket-form-radio { margin-bottom: 0; }
.apirocket-checkout-fieldset .apirocket-form-radio .form-radio-label { font-size: 16px; }

.apirocket-checkout-fieldset > * {
	padding: 16px;
	border-bottom: 1px solid #d9d9d9;
}
.apirocket-checkout-fieldset-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
 }
.apirocket-checkout-fieldset-row > * { flex: 1 1; margin-right: 16px; }
.apirocket-checkout-fieldset-row > :first-child { flex: 1 1 auto;}
.apirocket-checkout-fieldset-row > :last-child { 
	flex: 0 0 auto;
	margin-right: 0px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #404040;
}

.apirocket-checkout-fieldset-row > :last-child img { 
	display: block;
	max-height: 24px; 
}

.apirocket-checkout-fieldset-row-wrapper {
	background-color: #f5f5f5;
}

.apirocket-checkout-fieldset-row-wrapper > * { margin-bottom: 16px !important; }
.apirocket-checkout-fieldset-row-wrapper > *:last-child { margin-bottom: 0px !important; }

/* Responsive */

@media (max-width: 1000px) {

	.apirocket-checkout-mobile { display: block; }
	
	.apirocket-checkout-wrap {
		flex-flow: column;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	.apirocket-checkout-main,
	.apirocket-checkout-summary { 
		width: 90%; 
		max-width: 560px; 
		margin: 0 auto;
		padding: 0;
	}

	.apirocket-checkout-summary { 
		/* order: 0; 
		padding: 16px 0; */
		display: none;
	}
	.apirocket-checkout-summary::after { display: none; }

	.apirocket-checkout-summary-header,
	.apirocket-checkout-summary-login { display: none; }

	.apirocket-checkout-continue { display: none; }
	.apirocket-checkout-close { display: block; }
	
	.apirocket-checkout-breadcrumbs { text-align: center; }
	.apirocket-checkout-breadcrumbs ol { display: inline-flex; text-align: center; }

	.apirocket-checkout-logo { display: none; }
}


@media (max-width: 720px) {

	.apirocket-checkout-row { display: block; }
	.apirocket-checkout-row > * { margin-right: 0; }
	
	.apirocket-checkout-actions > :first-child { order: 2; }
	.apirocket-checkout-actions > :last-child { margin-bottom: 32px; }
	.apirocket-checkout-actions { 
		flex-flow: column;
		align-items: stretch;
	}

	.apirocket-checkout-fieldset-row > :last-child img { max-height: 16px; }

	.apirocket-checkout-fieldset-row-wrapper .apirocket-checkout-row > * { margin-bottom: 16px !important; }
	.apirocket-checkout-fieldset-row-wrapper .apirocket-checkout-row:last-child > *:last-child { margin-bottom: 0px !important; }
	
	.apirocket-checkout-section-subtitle {
		padding-top: 16px;
		margin-bottom: -16px;
	}

	.apirocket-checkout-footer ul { 
		display: block;
		text-align: center !important;
		line-height: 32px !important;
	}

	.apirocket-checkout-footer ul li {
		display: inline-block;
	}

	.apircoket-checkout-legal { text-align: center; }

	.apirocket-checkout-summary-item-col-image {
		flex: 0 0 auto;
		max-width: 80px;
	}
	
	.apirocket-checkout-summary-item-col-image img { 
		max-height: 80px;
	}
	
	.apirocket-checkout-summary-item-col-description {
		flex: 1 1;
		padding-left: 8px;
		font-size: 14px;
		line-height: 16px;
	}
	
	.apirocket-checkout-summary-item-col-description small { font-size: 12px; }
	
	.apirocket-checkout-summary-item-col-quantity {
		flex: 0 0 25px;
		font-size: 12px;
	}
	
	.apirocket-checkout-summary-item-col-price {
		flex: 0 0 80px;
		font-size: 14px;
	}	

	.apirocket-checkout-summary-label-total {
		font-size: 16px;
		line-height: 18px;
	}
	.apirocket-checkout-summary-label-total small {
		font-size: 12px;
		line-height: 14px;
	}

	.apirocket-checkout-summary-row {
		padding-top: 8px;
	}

	.apirocket-checkout-summary-label {
		font-size: 14px;
		line-height: 14px;		
	}

	.apirocket-checkout-summary-value,
	.apirocket-checkout-summary-value-total {
		font-size: 16px;
		line-height: 16px;
	}	

	.apirocket-checkout-mobile .apirocket-checkout-logo img {
		max-height: 55px;
	}

	.apirocket-checkout-steps-summary { margin-top: 24px; }

	.apirocket-checkout-steps-summary-row { position: relative; }

	.apirocket-checkout-steps-summary-label { 
		position: absolute;
		font-size: 14px;
	}

	.apirocket-checkout-steps-summary-text { margin-top: 18px; }
	.apirocket-checkout-steps-summary-link { font-size: 12px; }
	
}


:root {
	--cart-width: 540px;
	--cart-background-color: #fff;
	--cart-padding: 32px;
	--cart-font-family: Arial, Helvetica, sans-serif;

	--cart-header-background-color: #f5f5f5;
	--cart-header-border-color: #f5f5f5;
	--cart-header-border-width: 1px;
	--cart-header-text-font-size: 18px;
	--cart-header-text-font-weight: normal;
	--cart-header-text-font-color: #404040;
	--cart-header-text-close-icon-color: #a3a3a3;
	--cart-header-text-close-icon-size: 24px;

	--cart-footer-background-color: #fff;
	--cart-footer-border-color: #e5e5e5;
	--cart-footer-border-width: 1px;
	--cart-footer-text-font-size: 16px;
	--cart-footer-text-font-weight: lighter;
	--cart-footer-text-font-color: #404040;		
	--cart-footer-total-font-size: 18px;
	--cart-footer-total-font-weight: bold;
	--cart-footer-total-font-color: #000;		

	--cart-item-border-color: #e5e5e5;
	--cart-item-border-width: 1px;
	--cart-item-padding: 32px;
	--cart-item-label-font-size: 14px;
	--cart-item-label-font-weight: lighter;
	--cart-item-label-font-color: #737373;
	--cart-item-image-display: inherit;
	--cart-item-image-width: 100px;
	--cart-item-image-width-fullscreen: 150px;
	--cart-item-name-font-size: 18px;
	--cart-item-name-font-weight: bold;
	--cart-item-name-font-color: #000;
	--cart-item-description-font-size: 14px;
	--cart-item-description-font-weight: lighter;
	--cart-item-description-font-color: #000;
	--cart-item-delete-icon-color: #404040;
	--cart-item-delete-icon-color-hover: #000;
	--cart-item-delete-icon-size: 18px;
	--cart-item-form-border-color: #e5e5e5;
	--cart-item-form-border-color-hover: #000;
	--cart-item-form-border-width: 1px;
	--cart-item-form-text-size: 14px;
	--cart-item-form-text-weight: normal;
	--cart-item-form-text-color: #000;
	--cart-item-quantity-icon-color: #737373;
	--cart-item-quantity-icon-background-color: transparent;
	--cart-item-quantity-icon-size: 16px;
	--cart-item-price-font-size: 16px;
	--cart-item-price-font-weight: bold;
	--cart-item-price-font-color: #404040;

	--cart-button-font-size: 16px;
	--cart-button-font-weight: normal;
	--cart-button-font-color: #737373;
	--cart-button-font-color-hover: #404040;
	--cart-button-border-color: #e5e5e5;
	--cart-button-border-color-hover: #404040;
	--cart-button-border-radius: 4px;
	--cart-button-background-color: transparent;
	--cart-button-background-color-hover: transparent;
	--cart-button-padding-x: 16px;
	--cart-button-padding-y: 16px;

	--cart-button-primary-text-color: #fff;
	--cart-button-primary-text-color-hover: #fff;
	--cart-button-primary-border-color: #1d4ed8;
	--cart-button-primary-border-color-hover: #0d59f4;
	--cart-button-primary-background-color: #1d4ed8;
	--cart-button-primary-background-color-hover: #0d59f4;
	/* --cart-shadow-button-primary-hover: 0 10px 4px -8px rgba(0,0,0,.5); */
}

.apirocket-cart * { box-sizing: content-box; }

.apirocket-cart {
	position: fixed;
	z-index: 10000;
	right: 0;
	top: 0;
	overflow: hidden;
	width: var(--cart-width, 540px);
	height: 100vh;
	box-shadow: 1px 20px 8px rgba(0,0,0,.1);
	font-family: var(--cart-font-family, "Arial, Helvetica, sans-serif");
	background-color: var(--cart-background-color, #fff);
}

.apirocket-cart-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: var(--cart-background-color, #fff);
}

.apirocket-cart-header {
	display: flex;
	flex: 0 0 96px;
	align-items: center;
	justify-content: space-between;
	padding: 0px var(--cart-padding);
	background-color: var(--cart-header-background-color, #f5f5f5);
	border-bottom: var(--cart-header-border-width, 1px) solid var(--cart-header-border-color, #f5f5f5);
}

.apirocket-cart-header-title {
	font-size: var(--cart-header-text-font-size, 18px);
	font-weight: var(--cart-header-text-font-weight, normal);
	color: var(--cart-header-text-font-color, #404040)
}

.apirocket-cart-header-close-icon {
	height: var(--cart-header-text-close-icon-size, 24px);
	width: var(--cart-header-text-close-icon-size, 24px);
	color: var(--cart-header-text-close-icon-color, #a3a3a3);
	cursor: pointer;
}

.apirocket-cart-header-continue {
	display: none;
	align-items: center;
	text-align: left;
	color: #737373;
	font-size: 16px;
	font-weight: normal;
	cursor: pointer;
}

.apirocket-cart-header-login {
	display: none;
	align-items: center;
	text-align: right;
	color: #737373;
	font-size: 16px;
	font-weight: normal;
	cursor: pointer;
}

.apirocket-cart-header-login svg,
.apirocket-cart-header-continue svg { margin-right: 16px; }

.apirocket-cart-body {
	flex: 1 1 auto;
	padding: 0px;
	background: var(--cart-background-color, #fff);
	overflow-y: auto;
}

.apirocket-cart-body-message {
	font-size: 18px;
	font-weight: var(--cart-item-description-font-weight, lighter);
	color: #666;	
	padding: var(--cart-item-padding, 32px) var(--cart-padding, 32px);
	border-bottom: var(--cart-item-border-width, 1px) solid var(--cart-item-border-color, #e5e5e5);
}

.apirocket-cart-footer {
	flex: 0 0 auto;
	padding: var(--cart-padding, 32px);
	background-color: var(--cart-footer-background-color, transparent);
	border-top: var(--cart-footer-border-width, 1px) solid var(--cart-footer-border-color, #e5e5e5);
	font-size: var(--cart-footer-text-font-size, 16px);
	font-weight: var(--cart-footer-text-font-weight, lighter);
	color: var(--cart-footer-text-font-color, #737373);
}

.apirocket-cart-footer-total {
	font-size: var(--cart-footer-total-font-size, 18px);
	font-weight: var(--cart-footer-total-font-weight, bold);
	color: var(--cart-footer-total-font-color, #000);
}

.apirocket-cart-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.apirocket-cart-col {
	flex: 1 1 auto;
	margin-bottom: 16px;
}

.apirocket-cart-item {
	padding: var(--cart-item-padding, 32px) var(--cart-padding, 32px);
	border-bottom: var(--cart-item-border-width, 1px) solid var(--cart-item-border-color, #e5e5e5);
}

.apirocket-cart-item:last-child {
	border-bottom: none;
	margin-bottom: var(--cart-padding, 32px);
}

.apirocket-cart-item-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.apirocket-cart-item-col-image {
	display: var(--cart-item-image-display, inherit);
	flex: 0 0 var(--cart-item-image-width, 100px);
	align-self: flex-start;
	margin-right: 16px;
}

.apirocket-cart-item-col-image img {
	display: block;
	max-width: 100%;
}

.apirocket-cart-item-col-description {
	align-self: flex-start;
	padding-right: 32px;
	flex-grow: 1;	
}

.apirocket-cart-item-col-description-name {
	font-size: var(--cart-item-name-font-size, 18px);
	font-weight: var(--cart-item-name-font-weight, bold);
	color: var(--cart-item-name-font-color, #000);
}

.apirocket-cart-item-col-description-text {
	font-size: var(--cart-item-description-font-size, 14px);
	font-weight: var(--cart-item-description-font-weight, lighter);
	color: var(--cart-item-description-font-color, #000);
}

.apirocket-cart-item-col-delete {
	flex: 1 0 auto;
	align-self: flex-start;
	color: var(--cart-item-delete-icon-color, #404040);
	width: var(--cart-item-delete-icon-size, 24px);
	cursor: pointer;
	text-align: center;
}

.apirocket-cart-item-col-delete:hover { 
	color: var(--cart-item-delete-icon-color-hover, #000); 
}

.apirocket-cart-item-col-delete svg {
	width: var(--cart-item-delete-icon-size, 18px);
	height: var(--cart-item-delete-icon-size, 18px);
}

.apirocket-cart-item-label {
	font-size: var(--cart-item-label-font-size, 14px);
	font-weight: var(--cart-item-label-font-weight, lighter);
	color: var(--cart-item-label-font-color, #737373);
	margin-bottom: 4px;
}

.apirocket-cart-item-col-quantity {
	margin-top: 16px;
}

.apirocket-cart-item-quantity-wrapper {
	display: flex;
	justify-content: space-between;
	border: var(--cart-item-form-border-width, 1px) solid var(--cart-item-form-border-color, #e5e5e5);
	min-width: 160px;
	user-select: none;
	transition-property: border-color;
	transition-timing-function: ease;
	transition-duration: 350ms;	
}

.apirocket-cart-item-quantity-wrapper:hover {
	border-color: var(--cart-item-form-border-color-hover, #000);
}

.apirocket-cart-item-quantity-number {
	flex: 1 1 auto;
	font-size: var(--cart-item-form-text-size, 14px);
	font-weight: var(--cart-item-form-text-weight, normal);
	color: var(--cart-item-form-text-color, #000);
	padding: 16px;
	line-height: 1;
	text-align: center;
}

.apirocket-cart-item-quantity-button {
	display: flex;
	align-items: center;
	background-color: var(--cart-item-quantity-icon-background-color, transparent);
	padding: 0px 12px;
	cursor: pointer;
}

.apirocket-cart-item-quantity-button svg {
	color: var(--cart-item-quantity-icon-color, #737373);
	width: var(--cart-item-quantity-icon-size, 16px);
	height: var(--cart-item-quantity-icon-size, 16px);
}

.apirocket-cart-item-col-price {
	margin-top: 36px;
	font-size: var(--cart-item-price-font-size, 16px);
	font-weight: var(--cart-item-price-font-weight, normal);
	color: var(--cart-item-price-font-color, #404040);
}


@media (min-width: 720px) {

	.apirocket-cart.apirocket-cart-full-screen {
		width: 100%;
		overflow-y: auto;
	}

	.apirocket-cart-full-screen .apirocket-cart-content {
		display: block;
		width: 90%;
		max-width: 980px;
		margin: 0 auto;
	}

	.apirocket-cart-full-screen .apirocket-cart-header {
		background-color: #fff;
		border-bottom: var(--cart-item-border-width, 1px) solid var(--cart-item-border-color, #e5e5e5);
		padding: 40px 0px;
	}

	.apirocket-cart-full-screen .apirocket-cart-header-continue { display: flex; }
	.apirocket-cart-full-screen .apirocket-cart-header-login { display: flex; }

	.apirocket-cart-full-screen .apirocket-cart-header-close { display: none; }

	.apirocket-cart-full-screen .apirocket-cart-footer {
		width: 40%;
		border-top: none;
		margin-left: auto; 
		margin-right: 0;
		padding: 0px;
		padding-top: 32px;
		padding-bottom: 96px;
	}

	.apirocket-cart-full-screen .apirocket-cart-item {
		display: flex;
		position: relative;
		padding-left: 0;
		padding-right: 0;
	}

	.apirocket-cart-full-screen .apirocket-cart-item-row:first-child { flex: 1 1 60%; }
	.apirocket-cart-full-screen .apirocket-cart-item-row:last-child { flex: 1 1 40%; }

	.apirocket-cart-full-screen .apirocket-cart-item:last-child {
		border-bottom: var(--cart-item-border-width, 1px) solid var(--cart-item-border-color, #e5e5e5);
	}

	.apirocket-cart-full-screen .apirocket-cart-item-col-quantity { margin-top: 0px; }
	.apirocket-cart-full-screen .apirocket-cart-item-col-price { 
		align-self: flex-end;
		line-height: 48px;
	}

	.apirocket-cart-full-screen .apirocket-cart-item-col-image {
		flex: 0 0 var(--cart-item-image-width-fullscreen, 150px);
	}

	.apirocket-cart-full-screen .apirocket-cart-item-col-description { align-self: flex-start; }
	.apirocket-cart-full-screen .apirocket-cart-item-col-quantity { align-self: flex-end; }

	.apirocket-cart-full-screen .apirocket-cart-item-col-delete {
		position: absolute;
		right: 0px;
		top: var(--cart-item-padding, 32px);
	}
}

@media (min-width: 720px) and (max-width: 920px) {
	.apirocket-cart-full-screen .apirocket-cart-item-row:first-child { flex: 1 1 55%; }
	.apirocket-cart-full-screen .apirocket-cart-item-row:last-child { flex: 1 1 35%; }
}

/* Mobile version */

@media (max-width: 720px) {

	.apirocket-cart {
		width: 100%;
		box-shadow: none;
	}

	.apirocket-cart-header-continue { display: none; }
	.apirocket-cart-header-login { display: none; }		
}.apirocket-modal *,
.apirocket-modal *::before,
.apirocket-modal *::after { box-sizing: border-box; }

.apirocket-modal {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	position: fixed;
	z-index: 10001;
	right: 0;
	top: 0;
	overflow: hidden;
	overflow-y: auto;
	width: 100%;
	height: 100vh;
	font-family: var(--cart-font-family, "Arial, Helvetica, sans-serif");
	background-color: #f5f5f5;	
}

.apirocket-modal-nav {
	position: absolute;
	display: flex;
	align-items: center;
	width: 90%;
	max-width: 1100px;
	height: 96px;
}

.apirocket-modal-nav-button {
	display: flex;
	align-items: center;
	text-align: left;
	color: #737373;
	font-size: 16px;
	font-weight: normal;
	cursor: pointer;	
}

.apirocket-modal-nav-button svg { margin-right: 16px; } 

.apirocket-modal-content {
	display: flex;
	flex-flow: column;
	width: 480px;
	height: auto;
	padding: 32px;
	background-color: #fff;
	margin-top: 96px;
	margin-bottom: 32px;
}

.apirocket-modal-header {
	position: relative;
	padding-bottom: 32px;
}

.apirocket-modal-title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	color: #404040;
	margin-bottom: 8px;
}

.apirocket-modal-subtitle {
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	color: #737373;
}

.apirocket-modal-close {
	position: absolute;
	right: -16px;
	top: -16px;
}

.apirocket-modal-close-icon {
	height: var(--cart-header-text-close-icon-size, 24px);
	width: var(--cart-header-text-close-icon-size, 24px);
	color: var(--cart-header-text-close-icon-color, #a3a3a3);
	cursor: pointer;
}

.apirocket-modal-body-text-password {
	color: #404040;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	margin-top: -8px;text-align: right;
	cursor: pointer;
}

.apirocket-modal-body-text-password:hover { text-decoration: underline; }

.apirocket-modal-footer-text {
	color: #a3a3a3;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	text-align: center;
	margin-top: 16px;
}

.apirocket-modal-footer-text span { 
	color: #404040; 
	cursor: pointer;
}

.apirocket-modal-footer-text span:hover { text-decoration: underline; }


.apirocket-modal-body {}

.apirocket-modal-footer {
	padding-top: 32px;
}

.apirocket-modal-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.apirocket-modal-row > * {
	flex: 1 1;
	margin-right: 16px;
}

.apirocket-modal-row > *:last-child { margin-right: 0; }


@media (max-width: 720px) {
	.apirocket-modal-row { display: block; }
	.apirocket-modal-row > * { margin-right: 0; }

	.apirocket-modal-nav { display: none; }

	.apirocket-modal-content {
		width: 95%;
		margin-top: 32px;
		padding: 24px;
	}

	.apirocket-modal-close {
		right: -8px;
		top: -8px;
	}	
}

.apirocket-modal-messaje {
	margin-top: 32px;
	margin-bottom: 32px;
	text-align: center;
}

.apirocket-modal-message-icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	border-radius: 24px;
	margin: auto;
	margin-bottom: 32px;
}

.apirocket-modal-message-icon-ok {
	background-color: #d1fae5;
	color: #10b981;
}

.apirocket-modal-message-title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #404040;
	margin-bottom: 16px;	
}

.apirocket-modal-message-text {
	color: #737373;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	line-height: 16px;
	margin-bottom: 32px;
}.apirocket-form-input {
	display: block;
	position: relative;
	margin-bottom: 16px;
}

.apirocket-form-input input {
	all: unset;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;	
	outline: none;
	width: 100%;
	height: 46px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #D9D9D9;
	font-size: 14px;
	line-height: 1;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 14px;
	padding-bottom: 14px;
	transition:  all 0.3s ease;
	box-sizing: border-box;
}

.apirocket-form-input input:focus {
	border-color: #404040;
	box-shadow: 0 0 0 1px #404040;
}

.apirocket-form-input input:not(:placeholder-shown) {
	padding-top: 22px;
	padding-bottom: 6px;
}

.apirocket-form-input input:disabled { background-color: #f5f5f5; opacity: 0.8; color: #404040; } 

.apirocket-form-input-placeholder {
	position: absolute;
	font-size: 12px;
	line-height: 1;
	color: #737373;
	transform: translateY(50%);
	opacity: 0;
	top: 8px;
	left: 15px;
	transition:  all 0.3s ease;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.apirocket-form-input input:not(:placeholder-shown) ~ span.apirocket-form-input-placeholder {
	opacity: 1;
	transform: translateY(0%);
}

.apirocket-form-input .apirocket-form-input-error-message {
	display: none;
	font-size: 14px;
	line-height: 1.2;
	margin-top: 4px;
	margin-left: 8px;
	color: #dc2626;
}

.apirocket-form-input.invalid.touched input {
	border-color: #dc2626;
	box-shadow: 0 0 0 1px #dc2626;
}

.apirocket-form-input.invalid.touched .apirocket-form-input-placeholder { color: #dc2626; }
.apirocket-form-input.invalid.touched .apirocket-form-input-error-message { display: block; }

.apirocket-form-input-button {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 46px;
	height: 46px;
	right: 0;
	top: 0;
	cursor: pointer;
	color: #a1a1aa;
}

.apirocket-form-input-button:hover { color: #52525b; }

.apirocket-form-input-button + input {
	padding-right: 64px;
}


.apirocket-form-checkbox {
	display: flex;
	align-items: flex-start;
	justify-content: start;
	position: relative;
	margin-bottom: 16px;
}

.apirocket-form-checkbox-label {
	flex: 0 1 auto;
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #404040;
	cursor: pointer;
}

.apirocket-form-checkbox-label small {
	display: block;
	color: #a3a3a3;
	font-size: 12px;
}

.apirocket-form-checkbox input {
	all: unset;
	flex: 0 0 auto;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	padding: 0;
	margin: 0;
	margin-right: 12px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	outline: none;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	cursor: pointer;
	transition:  all 0.3s ease;
	overflow: hidden;
	background-color: #fff;
}

.apirocket-form-checkbox input:focus {
	border-color: #404040;
	box-shadow: 0 0 0 1px #404040;
}

.apirocket-form-checkbox input:checked {
	background-color: #404040;
	border-color: #404040;
}

.apirocket-form-checkbox input:disabled { background-color: #f5f5f5; }
.apirocket-form-checkbox input:disabled + .apirocket-form-checkbox-label { color: #a3a3a3; }

.apirocket-form-checkbox input::after {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: -1px -1px;
	transition:  all 0.3s ease;
	transform: scale(0);
}

.apirocket-form-checkbox input:checked::after {
	transform: scale(1);
}

.apirocket-form-checkbox-error-message {
	display: none;
	position: absolute;
	left: 32px;
	bottom: -16px;
	font-size: 14px;
	line-height: 1.2;
	color: #dc2626;
}

.apirocket-form-checkbox.invalid.touched input {
	border-color: #dc2626;
	box-shadow: 0 0 0 1px #dc2626;
}

.apirocket-form-checkbox.invalid.touched .apirocket-form-checkbox-error-message { display: block; }

.apirocket-form-radio {
	display: flex;
	align-items: flex-start;
	justify-content: start;
	position: relative;
	margin-bottom: 16px;
}

.apirocket-form-radio-label {
	position: relative;
	flex: 0 1 auto;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #404040;
	cursor: pointer;
}

.apirocket-form-radio-label small {
	display: block;
	color: #a3a3a3;
	font-size: 12px;
}

.apirocket-form-radio input:checked ~ .apirocket-form-radio-label { font-weight: bold; }
.apirocket-form-radio input:checked ~ .apirocket-form-radio-label small { font-weight: normal; }

.apirocket-form-radio input:disabled { background-color: #f5f5f5; }
.apirocket-form-radio input:disabled + .apirocket-form-radio-label { color: #a3a3a3; }

.apirocket-form-radio-label img,
.apirocket-form-radio-label svg {
	position: absolute;
	display: inline-block;
	height: 24px;
	min-height: 24px;
	top: -2px;
}

.apirocket-form-radio input {
	flex: 0 0 auto;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	padding: 0;
	margin: 0;
	margin-right: 12px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	outline: none;
	border: 1px solid #d9d9d9;
	border-radius: 20px;
	cursor: pointer;
	transition:  all 0.3s ease;
	overflow: hidden;
	background-color: #fff;
}

.apirocket-form-radio input:focus {
	border-color: #404040;
	box-shadow: 0 0 0 1px #404040;
}

.apirocket-form-radio input:checked {
	background-color: #404040;
	border-color: #404040;
}

.apirocket-form-radio input::after {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='3' fill='%23fff'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: 6px 6px;
	transition:  all 0.4s ease;
	transform: scale(0);
}

.apirocket-form-radio input:checked::after {
	transform: scale(1);
}

.apirocket-form-radio-error-message {
	display: none;
	position: absolute;
	left: 32px;
	bottom: -16px;
	font-size: 14px;
	line-height: 1.2;
	color: #dc2626;
}

.apirocket-form-radio.invalid.touched input {
	border-color: #dc2626;
	box-shadow: 0 0 0 1px #dc2626;
}

.apirocket-form-radio.invalid.touched .apirocket-form-radio-error-message { display: block; }

.apirocket-form-select {
	display: block;
	position: relative;
	margin-bottom: 16px;
}

.apirocket-form-select select {
	all: unset;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;	
	outline: none;
	width: 100%;
	height: 46px;
	border-radius: 4px;
	border: 1px solid #D9D9D9;
	font-size: 14px;
	line-height: 16px;
	padding-left: 14px;
	padding-right: 50px;
	padding-top: 14px;
	padding-bottom: 14px;
	transition:  all 0.3s ease;
	box-sizing: border-box;
	cursor: pointer;
}

.apirocket-form-select select:focus {
	border-color: #404040;
	box-shadow: 0 0 0 1px #404040;
}

.apirocket-form-select select:not(:placeholder-shown) {
	padding-top: 22px;
	padding-bottom: 6px;
}

.apirocket-form-select select:disabled { background-color: #f5f5f5; color: #404040; opacity: 0.8; }

.apirocket-form-select::before {
	display: block;
	position: absolute;
	top: 8px;
	right: 0px;
	width: 40px;
	height: 30px;
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683416 -0.097631 1.31658 -0.097631 1.7071 0.292893L4.99999 3.58579L8.29288 0.292893C8.6834 -0.0976311 9.31657 -0.0976311 9.70709 0.292893C10.0976 0.683417 10.0976 1.31658 9.70709 1.70711L5.7071 5.70711C5.31657 6.09763 4.68341 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976309 1.31658 -0.0976309 0.683417 0.292893 0.292893Z' fill='%23A3A3A3'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	border-left: 1px solid #d9d9d9;
	pointer-events: none;
}

.apirocket-form-select-placeholder {
	position: absolute;
	font-size: 12px;
	line-height: 1;
	color: #737373;
	transform: translateY(50%);
	opacity: 0;
	top: 8px;
	left: 15px;
	transition:  all 0.3s ease;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.apirocket-form-select select:not(:placeholder-shown) ~ span.apirocket-form-select-placeholder {
	opacity: 1;
	transform: translateY(0%);
}

.apirocket-form-select .apirocket-form-select-error-message {
	display: none;
	font-size: 14px;
	line-height: 1.2;
	margin-top: 4px;
	margin-left: 8px;
	color: #dc2626;
}

.apirocket-form-select.invalid.touched select {
	border-color: #dc2626;
	box-shadow: 0 0 0 1px #dc2626;
}

.apirocket-form-select.invalid.touched .apirocket-form-select-placeholder { color: #dc2626; }
.apirocket-form-select.invalid.touched .apirocket-form-select-error-message { display: block; }

.apirocket-error-block {
	display: flex;
	justify-content: start;
	align-items: center;
	background-color: #fef2f2;
	padding: 16px;
	color: #dc2626;
	font-size: 14px;
	line-height: 18px;
	border-radius: 8px;
	margin-top: 16px;
	margin-bottom: 0px;
} 

.apirocket-error-block-icon {
	margin-right: 12px;
}.spinner.svelte-15qwtf3.svelte-15qwtf3{animation:svelte-15qwtf3-rotate 2s linear infinite;z-index:2;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px}.spinner.svelte-15qwtf3 .path.svelte-15qwtf3{stroke:rgb(161, 161, 170);stroke-linecap:round;animation:svelte-15qwtf3-dash 1.5s ease-in-out infinite}@keyframes svelte-15qwtf3-rotate{100%{transform:rotate(360deg)}}@keyframes svelte-15qwtf3-dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}