Project-Pro/wyczarujprezent.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add new payment and shipping parsers for various integrations

Browse Source 
- Implemented Google Pay parser in bongooglepay.js
- Added Buckaroo 3 payment parser in buckaroo3.js
- Introduced DataTrans CW Mastercard parser in datatranscw.js
- Created DataTrans CW Credit Card parser in datatranscw_creditcard.js
- Developed DHL Assistant shipping parser in dhlassistant.js
- Added Estimated Delivery parser in estimateddelivery.js
- Implemented Floapay payment parser in floapay.js
- Created FS Pickup at Store shipping parser in fspickupatstore.js
- Developed Generic Iframe parser in generic_iframe_parser.js
- Added Geodis Officiel shipping parser in geodisofficiel.js
- Implemented Glob Kurier module shipping parser in globkuriermodule.js
- Created Latvija Post Express Pickup Terminal parser in latvijaspastsexpresspastspostterminalslv.js
- Developed LP Shipping parser in lpshipping.js
- Added Mijora Venipak parser in mijoravenipak.js
- Implemented Apple Pay parser in pm_applepay.js
- Created Przelewy24 payment parser in przelewy24.js
- Developed Pshugls shipping parser in pshugls.js
- Added Redsys Insite payment parser in redsysinsite.js
- Implemented Tpay payment parser in tpay.js
- Updated third-party integration documentation for FedEx DotCom
This commit is contained in:
Jacek Pyziak
2025-08-04 23:10:27 +02:00
parent 037a6c5551
commit d39433f0d4
125 changed files with 4986 additions and 1772 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
modules/thecheckout/views/css/color-change-sample.css
View File

@@ -20,9 +20,10 @@
color: #a458ff;
}
.page-content .checkout-block .inner-area .offer-login a,
body#checkout .page-content .checkout-block .inner-area .offer-login a,
.checkout-block .inner-area .offer-login a:hover,
.has-discount .discount {
.has-discount .discount,
.reassurance-section>.icon::after {
background-color: #a458ff;
}

537
modules/thecheckout/views/css/front.less
View File

@@ -69,12 +69,14 @@
}
.is-empty-cart #tc-container,
.is-empty-cart #tc-container-mobile {
.is-empty-cart #tc-container-mobile,
.is-empty-cart .prev-next-container {
display: none;
}
.checkout-block {
margin: 0;
padding: 10px 3px;
}
.checkout-block .inner-area {
@@ -221,15 +223,15 @@ a.custom-link:hover {
border-bottom: 1px solid #2fb5d2;
}
.business-customer,
.private-customer {
padding: 0 0 15px;
}
//.business-customer,
//.private-customer {
// padding: 0 0 15px;
//}
// put .private-customer checkbox closer to .business-customer if both are visible
.business-customer ~ .private-customer {
margin-top: -15px;
}
//.business-customer ~ .private-customer {
// margin-top: -15px;
//}
#i_am_business[disabled=disabled], #i_am_business[disabled=disabled] ~ label,
#i_am_private[disabled=disabled], #i_am_private[disabled=disabled] ~ label {
@@ -296,7 +298,8 @@ form.hidden {
}
.card-block.block-promo {
padding: 10px 0;
padding-top: 0;
padding-bottom: 0;
}
.cart-grid.row {
@@ -384,6 +387,20 @@ div#thecheckout-address-invoice {
margin: -2px 0 20px;
}
.notice-msg {
text-align: left;
font-style: italic;
background: #fcffe7;
color: green;
padding: 10px 5px;
margin: -2px 0 20px;
}
// Do not display notice if error is shown on the same field
.-error.-notice ~ .notice-msg {
display: none;
}
.error-msg.visible {
display: block;
}
@@ -393,6 +410,11 @@ div#thecheckout-address-invoice {
margin-top: 1px;
}
.-error > .error-msg {
display: block;
margin-top: 1px;
}
.error-msg #sign-in-link {
margin: 0 10px;
padding: 0 3px;
@@ -414,6 +436,7 @@ body#checkout span.custom-checkbox,
body#checkout span.custom-checkbox span {
position: relative;
//flex: unset;
margin-top: 0.15rem;
}
body#checkout .custom-checkbox span.label {
@@ -423,19 +446,6 @@ body#checkout .custom-checkbox span.label {
flex-grow: 1;
}
body#checkout span.custom-checkbox > label,
body#checkout .condition-label{
padding-left: 0;
margin-top: 0.1rem;
}
@supports (display: flex) {
span.custom-checkbox {
display: flex;
align-items: flex-start;
}
}
#conditions-to-approve span.custom-checkbox,
#conditions-to-approve ul,
.condition-label {
@@ -488,10 +498,6 @@ span.custom-radio {
margin-top: 5px;
}
.custom-checkbox span.label {
text-align: left;
}
.payment-option-fee.hidden {
display: none;
}
@@ -562,43 +568,77 @@ button#confirm_order:disabled {
.delivery-option > label > .row {
margin: 0;
text-align: left;
display: block;
}
.delivery-option > label > .row > div > .row > div {
padding: 0;
}
.delivery-option-detail > .row {
display: flex;
}
.delivery-option > label,
.payment-option > label{
margin-bottom: 0;
display: flex;
align-items: center;
}
.payment-option, .delivery-option {
padding-top: 5px;
padding-bottom: 5px;
}
.delivery-option-detail {
display: flex;
flex-grow: 1;
margin: 0;
position: relative;
}
.delivery-option-logo img {
max-height: 100%;
max-width: ~"calc(100% - 10px)"; // because of Less syntax
margin-right: 10px;
}
// Absolute positioned shipping logo (to save space) - replaced on 8.11.2023 with logo on the left
//.delivery-option .delivery-option-logo img {
// max-height: 100%;
// max-width: 100%;
// margin-left: 10px;
//}
//.delivery-option-label.has-logo {
// .delivery-option-name, .delivery-option-delay {
// margin-right: 50px;
// }
//}
.delivery-option-logo {
position: absolute;
right: 10px;
width: 50px;
height: 50px;
max-width: 70px;
}
.delivery-option .delivery-option-logo img {
max-height: 100%;
max-width: 100%;
margin-left: 10px;
}
.delivery-option-label.has-logo {
.delivery-option-name, .delivery-option-delay {
margin-right: 50px;
.delivery-option-price {
&.free {
.carrier-price-with-tax-formatted {
display: none;
}
}
&:not(.free) {
.carrier-price {
display: none;
}
}
}
.delivery-option-price .carrier-price-without-tax-formatted {
display: none;
}
.delivery-option-detail .name-and-delay {
flex-grow: 1;
}
.delivery-options .row.delivery-option {
margin: 0;
line-height: 1.5;
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
}
label.delivery-option-label {
@@ -989,23 +1029,18 @@ label.required:before {
.already-account-label {
flex-basis: 100%;
color: #000;
}
.classic-login, .social-login {
display: inline-block;
position: relative;
}
.social-login {
padding-top: 25px
}
.classic-login {
margin-left: 20px;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 125px;
}
/**
@@ -1111,7 +1146,7 @@ label.required:before {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
opacity: 0.8;
//opacity: 0.8;
display: none;
}
@@ -1136,7 +1171,7 @@ span.social-logo > span {
.tc-social-login-btn .social-logo {
position: absolute;
display: inline-block;
border-right: 1px solid rgba(0, 0, 0, 0.2);
//border-right: 1px solid rgba(0, 0, 0, 0.2);
left: 0;
padding: 6px 6px 6px 5px;
top: 1px;
@@ -1174,37 +1209,41 @@ span.social-logo > span {
}
/* Social style: Light */
.social-btn-style-light .google-logo {
.tc-social-login-btn .google-logo {
.google-logo-official;
}
.social-btn-style-light .facebook-logo {
.tc-social-login-btn .facebook-logo {
.facebook-logo-official;
}
.social-btn-style-light #tc-facebook-signin {
.tc-social-login-btn #tc-facebook-signin {
background-color: white;
}
.social-btn-style-light #tc-facebook-signin:hover {
background-color: #eee;
#tc-facebook-signin:hover {
border-color: #d2e3fc;
background-color: #f8faff;
}
.social-btn-style-light #tc-google-signin {
.tc-social-login-btn #tc-google-signin {
background-color: white;
}
.social-btn-style-light #tc-google-signin:hover {
.tc-social-login-btn #tc-google-signin:hover {
background-color: #eee;
}
.social-btn-style-light .tc-social-login-btn {
color: #666;
border: 1px solid #ccc;
padding: 10px 11px 9px 45px;
.tc-social-login-btn {
color: #3c4043;
border: 1px solid #dadce0;
padding: 10px 11px 9px 40px;
font-size: 12px;
font-family: "Roboto", sans-serif;
font-weight: 500;
}
.social-btn-style-light .tc-social-login-btn .social-logo {
.tc-social-login-btn .social-logo {
padding: 8px 7px 7px 8px
}
@@ -1311,7 +1350,7 @@ span.social-logo > span {
background: #e9e9e9;
box-shadow: 0 4px 4px -4px #9b9b9b;
border-radius: 5px;
margin: -4px;
margin: 0 -4px;
}
.popup-body {
@@ -1609,8 +1648,32 @@ a.edit-customer-info {
padding: 1px;
}
body#checkout .condition-label {
padding-left: 0;
margin-top: 0;
& > label {
margin-bottom: 0;
}
}
/* Only for Chromium and Firefox; IE11 does not support feature query @supports, so it won't evaluate */
@supports (display: flex) {
body#checkout span.custom-checkbox {
display: flex;
align-items: flex-start;
& span {
top: 0;
margin: 0 5px 0 0;
}
& > label, & span.label {
margin: 0;
line-height: 1.25em;
text-align: left;
padding: 0;
}
}
.form-fields, .business-fields-container, .private-fields-container {
display: flex;
flex-wrap: wrap;
@@ -1619,12 +1682,37 @@ a.edit-customer-info {
flex-basis: 100%;
}
.form-group {
padding-left: 5px;
padding-right: 5px;
.form-group, .business-customer, .private-customer, .second-address, .order-options, .terms-and-conditions, .shaim_gdpr_checkbox {
//padding-left: 5px;
//padding-right: 5px;
flex-grow: 1;
flex-basis: 100%;
}
.terms-and-conditions {
text-align: left;
}
}
body#checkout .condition-label {
margin-left: 5px;
& label {
margin-top: 1px;
}
}
body#checkout div.shaim_heureka_checkbox {
margin-left: 26px;
text-align: left;
& label {
margin-top: 1px;
}
}
@media screen and (max-width: 767px) {
.form-group, .business-customer, .private-customer, .second-address, .order-options, .terms-and-conditions, .shaim_gdpr_checkbox {
padding-left: 0;
}
}
/* Debug: flash block that's re-loading data */
@@ -1735,6 +1823,7 @@ div#tc-container-mobile {
.social-login .tc-social-login-btn {
max-width: 100%;
width: 240px;
}
/* Column-responsive styles for login-block BEGIN */
@@ -1821,7 +1910,6 @@ body.is-virtual-cart.is-invoice-address-primary .checkout-block .second-address
#tc-container .form-group {
overflow: visible;
margin-bottom: 10px;
}
// Sticky block
@@ -1840,11 +1928,6 @@ body.is-virtual-cart.is-invoice-address-primary .checkout-block .second-address
max-width: 100%;
}
.payment-option label {
padding-top: 5px;
line-height: 1.5em;
}
.cart-summary-line.cart-total.cart-total-tax-included > span,
.cart-summary-line.cart-total.cart-total-auto-tax > span {
font-size: 1.2em;
@@ -1883,7 +1966,7 @@ body.is-test-mode #is-test-mode-notice {
border: 1px solid black;
animation: collapse-smaller .6s forwards;
animation-delay: 5s;
z-index: 100;
z-index: 1000;
}
@keyframes collapse-smaller {
@@ -1933,82 +2016,79 @@ body.is-test-mode #is-test-mode-notice {
// Test mode notice box END
// Compact cart styling (only desktop view) BEGIN
body.compact-cart #tc-container .product-line-image img {
max-width: 100px;
}
body.compact-cart {
#tc-container {
.product-line-image img {
max-width: 100px;
}
body.compact-cart #tc-container .cart-item .product-line {
//display: block;
min-height: 100px;
}
.cart-item .product-line {
//display: block;
min-height: 100px;
}
.cart-item .product-line-info {
width: 100%;
}
body.compact-cart #tc-container .cart-item .product-line-info {
width: 100%;
}
.product-line-info.product-price.h5 {
display: none;
}
//body.compact-cart #tc-container .product-line .product-line-image {
// float: left;
//}
.product-line-actions {
align-items: center;
padding-top: 5px;
margin-top: 5px;
}
body.compact-cart #tc-container .product-line-info.product-price.h5 {
display: none;
}
.product-line-info .label {
font-size: 0.8em;
line-height: 1em;
}
body.compact-cart #tc-container .product-line-actions {
align-items: center;
padding-top: 5px;
//border: 1px solid #f5f5f5;
//background: #fafafa;
margin-top: 5px;
}
.product-line-info.product-attribute {
font-size: 0.9em;
}
body.compact-cart #tc-container .product-line-info .label {
font-size: 0.8em;
line-height: 1em;
}
.cart-item .product-line-info:first-child {
margin-top: 0;
}
body.compact-cart #tc-container .product-line-info.product-attribute {
font-size: 0.9em;
}
.product-line-body {
display: flex;
flex-wrap: wrap;
align-items: center;
}
body.compact-cart #tc-container .cart-item .product-line-info:first-child {
margin-top: 0;
}
.cart-detailed-totals {
width: 100%;
left: 0;
}
body.compact-cart #tc-container .product-line-body {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.qty-container .qty-box {
transform: scale(0.8);
}
body.compact-cart #tc-container .cart-detailed-totals {
width: 100%;
left: 0;
}
.cart-summary-line > span {
font-size: 0.85em;
}
body.compact-cart #tc-container .qty-container .qty-box {
transform: scale(0.8);
}
.block-promo .promo-code {
padding: 10px 5px;
}
body.compact-cart #tc-container .cart-summary-line > span {
font-size: 0.85em;
}
.product-line-actions .product-line-qty {
flex-grow: 5;
text-align: right;
}
body.compact-cart #tc-container .block-promo .promo-code {
padding: 10px 5px;
}
.product-line-actions > div {
line-height: 20px;
}
body.compact-cart #tc-container .product-line-actions .product-line-qty {
flex-grow: 5;
text-align: right;
}
body.compact-cart #tc-container .product-line-actions > div {
line-height: 20px;
}
body.compact-cart #tc-container .product-line-delete {
padding-top: 0;
.product-line-delete {
padding-top: 0;
}
}
}
// Compact cart styling (only desktop view) END
@@ -2339,7 +2419,7 @@ e.g. Amazon has confirmation button inside of additional info */
.lang-rtl.using-material-icons .custom-radio {
margin-right: 0;
margin-left: 10px;
margin-left: 1.25em;
}
.lang-rtl span.carrier-delay {
@@ -2534,7 +2614,7 @@ label.delivery-option-label {
}
*/
.paypal-plus .pp-info {
.paypal-plus .pp-info, div[data-pp-info]{
display: none;
}
@@ -2627,10 +2707,9 @@ div[paypal-bnpl-button-container] {
.remaining-amount {
font-weight: bold;
}
}
/* Fix chronopost's map display - allow it to have wider area */
.delivery-options .row.delivery-option.chronopost {
flex-wrap: wrap;
&.free {
display: none;
}
}
/* Paypal v5.7 fix */
@@ -2777,13 +2856,15 @@ p.toast-title {
}
}
.cart-voucher>p>a.promo-code-button {
border: 0;
.cart-voucher>p>a.promo-code-button.collapsed {
border: 1px dashed #b1adad;
padding: 10px 20px;
background: #a20401;
background: #f5fff7;
display: inline-block;
color: #FFF;
border-radius: 25px;
}
.cart-voucher>p>a.promo-code-button {
display: none;
}
.block-promo {
@@ -2834,6 +2915,11 @@ p.toast-title {
}
}
body:not(.collapse-shipping-methods) #expand_other_shipping_options,
body:not(.collapse-payment-methods) #expand_other_payment_options {
display: none;
}
.expandOtherOptionsVisible() {
max-height: 60px;
opacity: 1;
@@ -2897,7 +2983,7 @@ p.toast-title {
body#checkout .additional-information {
margin-left: 0;
}
.form-group {
.form-group, .shaim_gdpr_checkbox {
padding-left: 0;
}
}
@@ -2961,6 +3047,7 @@ div#vyhledejte_pobocku_dpdparcelshop {
.delivery-options :is(.row.delivery-option.chronopost, .row.delivery-option.dpdfrance) {
flex-wrap: wrap;
display: flex;
.shipping-radio {
flex-basis: 5%;
}
@@ -2969,13 +3056,20 @@ div#vyhledejte_pobocku_dpdparcelshop {
}
#chronorelais_container .row {
flex-wrap: wrap;
display: flex;
& > div {
flex-grow: 1;
flex-basis: 20em;
}
}
input#relais_postcode {
padding-top: 2px;
height: 100%;
padding-bottom: 1px;
}
}
#chronorelais_dummy_container {
display: none;
}
@@ -3054,6 +3148,141 @@ body#checkout .checkout-block .inner-area .login-block-moved .offer-login a {
position: sticky;
top: 0;
}
.form-group.vat_number {
display: none !important;
/* iframe popup for payment methods - by default, iframe popup-embed is not visible, with CSS class .iframe, payment-form shall not be visible */
.popup-body {
iframe.popup-embed {
display: none;
}
.popup-payment-form, .popup-payment-button {
display: block;
}
}
.popup-payment-content.iframe {
width: 50em;
.popup-body {
padding: 0;
}
iframe.popup-embed {
width: 100%;
height: 30em;
display: block;
border: none;
}
.popup-payment-form, .popup-payment-button {
display: none;
}
// Specific height for certain payment methods
&[data-payment-module=ps_checkpayment] .popup-embed {
height: 18em;
}
}
// Add minus sign and change color of discount value in cart summary
div#cart-subtotal-discount > .value:before {
content: '-';
padding-right: 2px;
}
div#cart-subtotal-discount > .value {
color: #dd0000;
}
// Display password field as required, if 'create account' checkbox is ticked
div#create_account ~ .form-group.password .field-label:after {
content: '*';
color: #36b4d2;
}
[name=general_error] ~ .error-msg {
width: 100%;
}
// Paypal pay-later, fix the 'pay later' button visibility
.popup_content[data-payment-module=paypal] .popup-payment-button {
display: flex!important;
justify-content: center;
#payment-confirmation {
display: none!important;
}
#paypal-buttons [paypal-bnpl-button-container] {
display: none!important;
&:last-child {
display: block!important;
}
}
}
/* GLS PakkeShop & Postnord map styling */
.delivery-option > label {
max-width: 100%;
flex-wrap: wrap;
& .shipping_agents, & #map {
width: calc(100% + 40px) !important;
margin-left: -40px
}
}
/* mondialrelay slideDown() sometimes stops at smaller heights, so force it to be auto-height */
.row.carrier-extra-content.mondialrelay {
height: auto!important;
}
.payment-option label {
width: 100%;
}
/* Logos on the right side in shipping/payment listing (config option) */
body.logos-on-the-right {
& .payment-option label {
& .payment-call-to-action-and-logo {
flex-grow: 1;
}
& .payment-logo {
order: 1;
}
}
& .delivery-option-detail {
& .name-and-delay {
flex-grow: 1;
& .delivery-option-price {
display: block!important;
}
}
& .delivery-option-logo {
order: 1;
}
& .delivery-option-price {
display: none;
}
}
}
#checkout .popup-payment-form > .additional-information {
display: flex;
justify-content: center;
}
/* Payment form displayed when T&C checkbox was ticked, but we need to postpone that until popup */
[data-payment-module=ps_checkout] > .js-payment-option-form {
display: none!important;
}
/* Warehouse theme, touchspin on quantity input box made inconvenient blink effect */
.qty-box > .bootstrap-touchspin {
display: none;
& ~ a {
display: none;
}
}
#checkout .popup-payment-form > .przelewy24.additional-information {
flex-flow: column;
}
.cart-summary-line.vat-exempt {
text-align: center;
& > span.label {
color: green;
}
}

326
modules/thecheckout/views/css/front.less.css
View File

File diff suppressed because one or more lines are too long

2
modules/thecheckout/views/css/front.less.css.map
View File

File diff suppressed because one or more lines are too long

48
modules/thecheckout/views/css/includes/separate-payment.css
View File

@@ -82,4 +82,50 @@ div#payment-confirmation .ps-shown-by-js {
.payment-options.amazon_ongoing_session > div:not(.amazon-visible) {
display: none;
}
}
/* generic iframe (only single payment method visible) */
body.p3i-option-set .payment-options > :not(.p3i-visible-only) {
display: none;
}
body.p3i-option-set
:is(section#separate-payment-order-review, header, footer, #conditions-to-approve, h1.step-title),
body.p3i-option-set .cart-grid-body ~ *{
display: none;
}
body.p3i-option-set
:is(.cart-grid-body, #wrapper, .container, #content, .p3i-visible-only),
body.p3i-option-set #checkout-payment-step > .content,
body.p3i-option-set #content .row{
padding: 0!important;
margin: 0!important;
}
body.p3i-option-set
:is(.container, #content, .cart-grid-body, #checkout-payment-step) {
width: 100%;
}
body.p3i-option-set section#checkout-payment-step {
display: flex;
justify-content: center;
padding: 5px;
margin: 0!important;
/*height: 100vh;*/
align-items: center;
}
/* scrollbar begin */
body.p3i-option-set::-webkit-scrollbar {
width: 0.5em;
}
body.p3i-option-set::-webkit-scrollbar-track {
box-shadow: inset 0 0 2px rgb(0 0 0 / 16%);
}
body.p3i-option-set::-webkit-scrollbar-thumb {
background-color: #e0e0e0;
}
/* scrollbar end */

99
modules/thecheckout/views/css/includes/social-login-page.css
View File

@@ -12,58 +12,61 @@
display: flex;
justify-content: center;
margin-bottom: 15px;
}
& .tc-social-login-btn {
margin: 0 2px;
cursor: not-allowed;
position: relative;
text-align: left;
border-radius: 4px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: #3c4043;
border: 1px solid #dadce0;
padding: 11px 11px 8px 40px;
font-size: 14px;
font-family: "Roboto", sans-serif;
font-weight: 500;
max-width: 100%;
width: 240px;
display: none;
&.enabled {
cursor: pointer;
display: inline-block;
}
#tc-social-logins .facebook-logo {
background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='266.893px' height='266.895px' viewBox='0 0 266.893 266.895' enable-background='new 0 0 266.893 266.895' xml:space='preserve'%3e%3cpath id='Blue_1_' fill='%233C5A99' d='M248.082,262.307c7.854,0,14.223-6.369,14.223-14.225V18.812 c0-7.857-6.368-14.224-14.223-14.224H18.812c-7.857,0-14.224,6.367-14.224,14.224v229.27c0,7.855,6.366,14.225,14.224,14.225 H248.082z'/%3e%3cpath id='f' fill='%23FFFFFF' d='M182.409,262.307v-99.803h33.499l5.016-38.895h-38.515V98.777c0-11.261,3.127-18.935,19.275-18.935 l20.596-0.009V45.045c-3.562-0.474-15.788-1.533-30.012-1.533c-29.695,0-50.025,18.126-50.025,51.413v28.684h-33.585v38.895h33.585 v99.803H182.409z'/%3e%3c/svg%3e");
}
& span.social-logo {
position: absolute;
display: inline-block;
left: 0;
padding: 8px 7px 7px 8px;
top: 1px;
bottom: 1px;
text-align: center;
& .facebook-logo {
background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='266.893px' height='266.895px' viewBox='0 0 266.893 266.895' enable-background='new 0 0 266.893 266.895' xml:space='preserve'%3e%3cpath id='Blue_1_' fill='%233C5A99' d='M248.082,262.307c7.854,0,14.223-6.369,14.223-14.225V18.812 c0-7.857-6.368-14.224-14.223-14.224H18.812c-7.857,0-14.224,6.367-14.224,14.224v229.27c0,7.855,6.366,14.225,14.224,14.225 H248.082z'/%3e%3cpath id='f' fill='%23FFFFFF' d='M182.409,262.307v-99.803h33.499l5.016-38.895h-38.515V98.777c0-11.261,3.127-18.935,19.275-18.935 l20.596-0.009V45.045c-3.562-0.474-15.788-1.533-30.012-1.533c-29.695,0-50.025,18.126-50.025,51.413v28.684h-33.585v38.895h33.585 v99.803H182.409z'/%3e%3c/svg%3e");
}
.tc-social-login-btn .social-logo {
position: absolute;
display: inline-block;
border-right: 1px solid rgba(0, 0, 0, 0.2);
left: 0;
padding: 7px 7px 7px 8px;
top: 1px;
bottom: 1px;
text-align: center;
}
& > span {
display: inline-block;
width: 21px;
height: 21px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
}
#tc-social-logins span.social-logo > span {
display: inline-block;
width: 21px;
height: 21px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
#tc-social-logins .tc-social-login-btn {
margin: 1px 3px 2px;
cursor: not-allowed;
position: relative;
text-align: left;
border-radius: 4px;
font-size: 15px;
width: 250px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
opacity: 0.8;
display: none;
color: #666;
border: 1px solid #ccc;
padding: 9px 11px 8px 45px;
}
#tc-social-logins .tc-social-login-btn.enabled {
cursor: pointer;
display: inline-block;
}
#tc-facebook-signin:hover {
background-color: rgba(66,133,244,.04);
&:hover {
border-color: #d2e3fc;
background-color: #f8faff;
}
}
}

20
modules/thecheckout/views/css/styles/clean.less
View File

@@ -31,7 +31,8 @@
display: none;
}
.checkout-block.main-block {
.checkout-block.main-block,
#thecheckout-newsletter, #thecheckout-psgdpr, #thecheckout-data-privacy, #thecheckout-confirm, #thecheckout-required-checkbox-1, #thecheckout-required-checkbox-2 {
padding: 15px 7px;
}
@@ -192,7 +193,6 @@ span.non-material-icon.delete-from-cart {
padding-top: 0;
display: flex;
align-items: flex-start;
width: 100%;
}
.payment-options .payment-option {
@@ -244,9 +244,20 @@ span.non-material-icon.delete-from-cart {
filter: brightness(0);
}
body#checkout span.custom-checkbox {
& > label, & span.label {
line-height: 1.05em;
}
}
div#checkout-step-btn-container {
margin-bottom: 5px;
}
.country-call-prefix {
font-size: 1.2em;
width: 49px;
height: 47px;
}
/* einvoicing prestalia */
@@ -268,6 +279,11 @@ label.col-md-3.form-control-label {
max-width: 100%;
}
.form-fields .form-group {
padding-left: 3px;
padding-right: 3px;
}
.col-md-3.form-control-comment {
display: none;
}

23
modules/thecheckout/views/css/styles/clean.less.css
View File

@@ -26,7 +26,13 @@
.checkout-block[class*='num-'] .block-header:before {
display: none;
}
.checkout-block.main-block {
.checkout-block.main-block,
#thecheckout-newsletter,
#thecheckout-psgdpr,
#thecheckout-data-privacy,
#thecheckout-confirm,
#thecheckout-required-checkbox-1,
#thecheckout-required-checkbox-2 {
padding: 15px 7px;
}
.has-float-label input:placeholder-shown:not(:focus) ~ span.field-label,
@@ -153,7 +159,6 @@ div.product-line-actions .qty-box a {
padding-top: 0;
display: flex;
align-items: flex-start;
width: 100%;
}
.payment-options .payment-option {
padding: 5px 0;
@@ -194,9 +199,17 @@ div.product-line-actions .qty-box a {
.page-content .custom-checkbox input[type=checkbox]:checked + span {
filter: brightness(0);
}
body#checkout span.custom-checkbox > label,
body#checkout span.custom-checkbox span.label {
line-height: 1.05em;
}
div#checkout-step-btn-container {
margin-bottom: 5px;
}
.country-call-prefix {
font-size: 1.2em;
width: 49px;
height: 47px;
}
/* einvoicing prestalia */
label.col-md-3.form-control-label {
@@ -214,6 +227,10 @@ label.col-md-3.form-control-label {
margin: 0;
max-width: 100%;
}
.form-fields .form-group {
padding-left: 3px;
padding-right: 3px;
}
.col-md-3.form-control-comment {
display: none;
}
@@ -221,4 +238,4 @@ label.col-md-3.form-control-label {
.checkout-block.no-header {
margin-top: -37px;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%5C%2Fpeter%5C%2Fwww%5C%2Fpresta_178%5C%2Fmodules%5C%2Fthecheckout%5C%2Fviews%5C%2Fcss%5C%2Fstyles%5C%2Fclean.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BEACE%3B%3BAAGF%2CeAAe%2CWAAY%3BEACzB%2CyBAAA%3BEACA%3BEACA%3B%3BAAGF%3BAAAe%3BEACb%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3BEACA%3B%3BAAGF%2CYAAa%3BEACX%3B%3BAAGF%2CeAAe%2CeAAgB%2CcAAa%3BEAC1C%3B%3BAAGF%2CeAAe%3BEACb%2CiBAAA%3B%3BAAGF%2CgBAAiB%2CMAAK%2CkBAAkB%2CIAAI%2CQAAW%2COAAI%3BAAAc%2CgBAAiB%2COAAM%2CkBAAkB%2CIAAI%2CQAAW%2COAAI%3BEACnI%3BEACA%3BEACA%3B%3BAAGF%2CgBAAgB%2CSAAU%2CKAAI%3BAAAc%2CSAAU%2CiBAAiB%2CKAAI%3BAAAc%2CgBAAiB%2CKAAI%3BEAC5G%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGF%2CKAAK%3BEACH%3B%3BAAGF%2CaAAc%3BAAAe%2CaAAc%2COAAM%2CoBAAoB%3BEACnE%2CyBAAA%3BEACA%3BEACA%3B%3BAAGF%2CgBAAiB%2CMAAK%3BAAAQ%2CgBAAiB%2COAAM%3BEACnD%2CmCAAA%3B%3BAAGF%2CgBAAiB%2CKAAI%2CoBAAoB%2CIAAI%3BEAC3C%3B%3BAAGF%2CaAAc%2CiBAAiB%2COAAM%3BEACnC%2CgBAAgB%2CiYAAhB%3BEACA%3B%3BAAGF%3BEACE%3BEACA%3B%3B%3BAAMF%2CaAAa%3BEACX%3BEACA%3BEACA%3B%3BAAGF%2CaAAc%3BEACZ%3B%3BAAGF%3BEACE%3BEACA%3B%3BAAGF%2CyBAA0B%3BEACxB%3BEACA%3B%3BAAGF%2CyBAA0B%3BEACxB%3BEACA%3BEACA%3B%3BAAGF%2CyBAA0B%3BEACxB%3B%3BAAGF%2CyBAA0B%3BEACxB%3B%3BAAGF%2CGAAG%2CqBAAsB%2CSAAS%3BEAEhC%3BEACA%2CyBAAA%3BEACA%3BEACA%3B%3BAAGF%2CqBAAsB%2CSAAS%3BEAC7B%3BEACA%2CyBAAA%3B%3BAAMF%2CqBAAsB%3BEAEpB%3B%3BAAGF%2CaAAc%2CmBAAkB%3BEAC9B%3B%3BAAGF%2CaAAc%3BEACZ%3B%3BAAGF%3BEAEE%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3B%3BAAGF%2CkBAAmB%3BEACjB%3B%3BAAGF%2CkBAAkB%3BEAChB%3B%3BAAGF%2CUAAW%3BEACT%3B%3BAAGF%3BEACE%2C6BAAA%3B%3BAAGF%2CkBAAkB%2CWAAW%3BEAC3B%2C6BAAA%3BEACA%3B%3BAAGF%2CaAAa%3BEACX%2CcAAA%3B%3BAAGF%3BEACE%3B%3B%3B%3BAAMF%2CeAAgB%3BEACd%3BEACA%3BEACA%3BEACA%3B%3BAAGF%2CgBAAiB%3BEACf%2CcAAA%3BEACA%3B%3BAAGF%3BEACE%3B%3BAAGF%2CeAAgB%2CMAAM%2CKAAI%3BEACxB%3B%3BAAGF%2CeAAgB%3BEACd%3BEACA%3B%3B%3B%3BAAMF%3BEACE%2CsBAAA%3BEACA%3BEACA%3BEACA%3B%3BAAGF%3BEACE%2CsBAAA%3B%3BAAGF%2CoBAAoB%2CSAAS%3BAAAQ%2CoBAAoB%2CSAAS%3BEAChE%2CSAAS%2CEAAT%3BEACA%3BEACA%3BEACA%2CcAAA%3BEACA%3BEACA%2CgCAAA%3B%3B%3B%3BAAOF%2CaAAc%2CiBAAiB%2CMAAK%2CeAAe%2CQAAW%3BEAC5D%2CQAAQ%2CaAAR%3B%3BAAGF%3BEACE%3BEACA%3B%3B%3BAAIF%2CKAAK%2CSAAS%3BEACV%3BEACA%3BEACA%3B%3BAAGJ%2CWAAW%3BEACP%3BEACA%3BEACA%3B%3BAAGJ%2CWAAW%2CIAAO%3BEACd%3BEACA%3BEACA%3B%3BAAGJ%2CSAAS%3BEACL%3B%3B%3BAAIJ%2CeAAe%3BEACb%22%7D */
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%5C%2Fpeter%5C%2Fwww%5C%2Fpresta_178%5C%2Fmodules%5C%2Fthecheckout%5C%2Fviews%5C%2Fcss%5C%2Fstyles%5C%2Fclean.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BEACE%3B%3BAAGF%2CeAAe%2CWAAY%3BEACzB%2CyBAAA%3BEACA%3BEACA%3B%3BAAGF%3BAAAe%3BEACb%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3BEACA%3B%3BAAGF%2CYAAa%3BEACX%3B%3BAAGF%2CeAAe%2CeAAgB%2CcAAa%3BEAC1C%3B%3BAAGF%2CeAAe%3BAACf%3BAAAyB%3BAAAqB%3BAAA2B%3BAAAsB%3BAAAkC%3BEAC%5C%2FH%2CiBAAA%3B%3BAAGF%2CgBAAiB%2CMAAK%2CkBAAkB%2CIAAI%2CQAAW%2COAAI%3BAAAc%2CgBAAiB%2COAAM%2CkBAAkB%2CIAAI%2CQAAW%2COAAI%3BEACnI%3BEACA%3BEACA%3B%3BAAGF%2CgBAAgB%2CSAAU%2CKAAI%3BAAAc%2CSAAU%2CiBAAiB%2CKAAI%3BAAAc%2CgBAAiB%2CKAAI%3BEAC5G%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGF%2CKAAK%3BEACH%3B%3BAAGF%2CaAAc%3BAAAe%2CaAAc%2COAAM%2CoBAAoB%3BEACnE%2CyBAAA%3BEACA%3BEACA%3B%3BAAGF%2CgBAAiB%2CMAAK%3BAAAQ%2CgBAAiB%2COAAM%3BEACnD%2CmCAAA%3B%3BAAGF%2CgBAAiB%2CKAAI%2CoBAAoB%2CIAAI%3BEAC3C%3B%3BAAGF%2CaAAc%2CiBAAiB%2COAAM%3BEACnC%2CgBAAgB%2CiYAAhB%3BEACA%3B%3BAAGF%3BEACE%3BEACA%3B%3B%3BAAMF%2CaAAa%3BEACX%3BEACA%3BEACA%3B%3BAAGF%2CaAAc%3BEACZ%3B%3BAAGF%3BEACE%3BEACA%3B%3BAAGF%2CyBAA0B%3BEACxB%3BEACA%3B%3BAAGF%2CyBAA0B%3BEACxB%3BEACA%3BEACA%3B%3BAAGF%2CyBAA0B%3BEACxB%3B%3BAAGF%2CyBAA0B%3BEACxB%3B%3BAAGF%2CGAAG%2CqBAAsB%2CSAAS%3BEAEhC%3BEACA%2CyBAAA%3BEACA%3BEACA%3B%3BAAGF%2CqBAAsB%2CSAAS%3BEAC7B%3BEACA%2CyBAAA%3B%3BAAMF%2CqBAAsB%3BEAEpB%3B%3BAAGF%2CaAAc%2CmBAAkB%3BEAC9B%3B%3BAAGF%2CaAAc%3BEACZ%3B%3BAAGF%3BEAEE%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3B%3BAAGF%2CkBAAmB%3BEACjB%3B%3BAAGF%2CkBAAkB%3BEAChB%3B%3BAAGF%2CUAAW%3BEACT%3B%3BAAGF%3BEACE%2C6BAAA%3B%3BAAGF%2CkBAAkB%2CWAAW%3BEAC3B%2C6BAAA%3BEACA%3B%3BAAGF%2CaAAa%3BEACX%2CcAAA%3B%3BAAGF%3BEACE%3B%3B%3B%3BAAMF%2CeAAgB%3BEACd%3BEACA%3BEACA%3B%3BAAGF%2CgBAAiB%3BEACf%2CcAAA%3BEACA%3B%3BAAGF%3BEACE%3B%3BAAGF%2CeAAgB%2CMAAM%2CKAAI%3BEACxB%3B%3BAAGF%2CeAAgB%3BEACd%3BEACA%3B%3B%3B%3BAAMF%3BEACE%2CsBAAA%3BEACA%3BEACA%3BEACA%3B%3BAAGF%3BEACE%2CsBAAA%3B%3BAAGF%2CoBAAoB%2CSAAS%3BAAAQ%2CoBAAoB%2CSAAS%3BEAChE%2CSAAS%2CEAAT%3BEACA%3BEACA%3BEACA%2CcAAA%3BEACA%3BEACA%2CgCAAA%3B%3B%3B%3BAAOF%2CaAAc%2CiBAAiB%2CMAAK%2CeAAe%2CQAAW%3BEAC5D%2CQAAQ%2CaAAR%3B%3BAAIA%2CIADE%2CSAAU%2CKAAI%2CgBACZ%3BAAAO%2CIADT%2CSAAU%2CKAAI%2CgBACH%2CKAAI%3BEACf%3B%3BAAIJ%2CGAAG%3BEACD%3B%3BAAGF%3BEACE%3BEACA%3BEACA%3B%3B%3BAAIF%2CKAAK%2CSAAS%3BEACV%3BEACA%3BEACA%3B%3BAAGJ%2CWAAW%3BEACP%3BEACA%3BEACA%3B%3BAAGJ%2CWAAW%2CIAAO%3BEACd%3BEACA%3BEACA%3B%3BAAGJ%2CYAAa%3BEACX%3BEACA%3B%3BAAGF%2CSAAS%3BEACL%3B%3B%3BAAIJ%2CeAAe%3BEACb%22%7D */

2
modules/thecheckout/views/css/styles/clean.less.css.map
View File

@@ -1 +1 @@
{"version":3,"sources":["home\/peter\/www\/presta_178\/modules\/thecheckout\/views\/css\/styles\/clean.less"],"names":[],"mappings":"AAAA;EACE;;AAGF,eAAe,WAAY;EACzB,yBAAA;EACA;EACA;;AAGF;AAAe;EACb;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF,YAAa;EACX;;AAGF,eAAe,eAAgB,cAAa;EAC1C;;AAGF,eAAe;EACb,iBAAA;;AAGF,gBAAiB,MAAK,kBAAkB,IAAI,QAAW,OAAI;AAAc,gBAAiB,OAAM,kBAAkB,IAAI,QAAW,OAAI;EACnI;EACA;EACA;;AAGF,gBAAgB,SAAU,KAAI;AAAc,SAAU,iBAAiB,KAAI;AAAc,gBAAiB,KAAI;EAC5G;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF,KAAK;EACH;;AAGF,aAAc;AAAe,aAAc,OAAM,oBAAoB;EACnE,yBAAA;EACA;EACA;;AAGF,gBAAiB,MAAK;AAAQ,gBAAiB,OAAM;EACnD,mCAAA;;AAGF,gBAAiB,KAAI,oBAAoB,IAAI;EAC3C;;AAGF,aAAc,iBAAiB,OAAM;EACnC,gBAAgB,iYAAhB;EACA;;AAGF;EACE;EACA;;;AAMF,aAAa;EACX;EACA;EACA;;AAGF,aAAc;EACZ;;AAGF;EACE;EACA;;AAGF,yBAA0B;EACxB;EACA;;AAGF,yBAA0B;EACxB;EACA;EACA;;AAGF,yBAA0B;EACxB;;AAGF,yBAA0B;EACxB;;AAGF,GAAG,qBAAsB,SAAS;EAEhC;EACA,yBAAA;EACA;EACA;;AAGF,qBAAsB,SAAS;EAC7B;EACA,yBAAA;;AAMF,qBAAsB;EAEpB;;AAGF,aAAc,mBAAkB;EAC9B;;AAGF,aAAc;EACZ;;AAGF;EAEE;;AAGF;EACE;EACA;EACA;;AAGF,kBAAmB;EACjB;;AAGF,kBAAkB;EAChB;;AAGF,UAAW;EACT;;AAGF;EACE,6BAAA;;AAGF,kBAAkB,WAAW;EAC3B,6BAAA;EACA;;AAGF,aAAa;EACX,cAAA;;AAGF;EACE;;;;AAMF,eAAgB;EACd;EACA;EACA;EACA;;AAGF,gBAAiB;EACf,cAAA;EACA;;AAGF;EACE;;AAGF,eAAgB,MAAM,KAAI;EACxB;;AAGF,eAAgB;EACd;EACA;;;;AAMF;EACE,sBAAA;EACA;EACA;EACA;;AAGF;EACE,sBAAA;;AAGF,oBAAoB,SAAS;AAAQ,oBAAoB,SAAS;EAChE,SAAS,EAAT;EACA;EACA;EACA,cAAA;EACA;EACA,gCAAA;;;;AAOF,aAAc,iBAAiB,MAAK,eAAe,QAAW;EAC5D,QAAQ,aAAR;;AAGF;EACE;EACA;;;AAIF,KAAK,SAAS;EACV;EACA;EACA;;AAGJ,WAAW;EACP;EACA;EACA;;AAGJ,WAAW,IAAO;EACd;EACA;EACA;;AAGJ,SAAS;EACL;;;AAIJ,eAAe;EACb"}
{"version":3,"sources":["home\/peter\/www\/presta_178\/modules\/thecheckout\/views\/css\/styles\/clean.less"],"names":[],"mappings":"AAAA;EACE;;AAGF,eAAe,WAAY;EACzB,yBAAA;EACA;EACA;;AAGF;AAAe;EACb;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF,YAAa;EACX;;AAGF,eAAe,eAAgB,cAAa;EAC1C;;AAGF,eAAe;AACf;AAAyB;AAAqB;AAA2B;AAAsB;AAAkC;EAC\/H,iBAAA;;AAGF,gBAAiB,MAAK,kBAAkB,IAAI,QAAW,OAAI;AAAc,gBAAiB,OAAM,kBAAkB,IAAI,QAAW,OAAI;EACnI;EACA;EACA;;AAGF,gBAAgB,SAAU,KAAI;AAAc,SAAU,iBAAiB,KAAI;AAAc,gBAAiB,KAAI;EAC5G;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF,KAAK;EACH;;AAGF,aAAc;AAAe,aAAc,OAAM,oBAAoB;EACnE,yBAAA;EACA;EACA;;AAGF,gBAAiB,MAAK;AAAQ,gBAAiB,OAAM;EACnD,mCAAA;;AAGF,gBAAiB,KAAI,oBAAoB,IAAI;EAC3C;;AAGF,aAAc,iBAAiB,OAAM;EACnC,gBAAgB,iYAAhB;EACA;;AAGF;EACE;EACA;;;AAMF,aAAa;EACX;EACA;EACA;;AAGF,aAAc;EACZ;;AAGF;EACE;EACA;;AAGF,yBAA0B;EACxB;EACA;;AAGF,yBAA0B;EACxB;EACA;EACA;;AAGF,yBAA0B;EACxB;;AAGF,yBAA0B;EACxB;;AAGF,GAAG,qBAAsB,SAAS;EAEhC;EACA,yBAAA;EACA;EACA;;AAGF,qBAAsB,SAAS;EAC7B;EACA,yBAAA;;AAMF,qBAAsB;EAEpB;;AAGF,aAAc,mBAAkB;EAC9B;;AAGF,aAAc;EACZ;;AAGF;EAEE;;AAGF;EACE;EACA;EACA;;AAGF,kBAAmB;EACjB;;AAGF,kBAAkB;EAChB;;AAGF,UAAW;EACT;;AAGF;EACE,6BAAA;;AAGF,kBAAkB,WAAW;EAC3B,6BAAA;EACA;;AAGF,aAAa;EACX,cAAA;;AAGF;EACE;;;;AAMF,eAAgB;EACd;EACA;EACA;;AAGF,gBAAiB;EACf,cAAA;EACA;;AAGF;EACE;;AAGF,eAAgB,MAAM,KAAI;EACxB;;AAGF,eAAgB;EACd;EACA;;;;AAMF;EACE,sBAAA;EACA;EACA;EACA;;AAGF;EACE,sBAAA;;AAGF,oBAAoB,SAAS;AAAQ,oBAAoB,SAAS;EAChE,SAAS,EAAT;EACA;EACA;EACA,cAAA;EACA;EACA,gCAAA;;;;AAOF,aAAc,iBAAiB,MAAK,eAAe,QAAW;EAC5D,QAAQ,aAAR;;AAIA,IADE,SAAU,KAAI,gBACZ;AAAO,IADT,SAAU,KAAI,gBACH,KAAI;EACf;;AAIJ,GAAG;EACD;;AAGF;EACE;EACA;EACA;;;AAIF,KAAK,SAAS;EACV;EACA;EACA;;AAGJ,WAAW;EACP;EACA;EACA;;AAGJ,WAAW,IAAO;EACd;EACA;EACA;;AAGJ,YAAa;EACX;EACA;;AAGF,SAAS;EACL;;;AAIJ,eAAe;EACb"}

186
modules/thecheckout/views/css/styles/cute.less
View File

@@ -6,8 +6,8 @@
background: white;
}
.input-effects-flash .has-float-label input:focus~.effects-helper::after,
.input-effects-flash .has-float-label select:focus~.effects-helper::after {
.input-effects-flash .has-float-label input:focus ~ .effects-helper::after,
.input-effects-flash .has-float-label select:focus ~ .effects-helper::after {
-webkit-animation: none;
animation: none;
}
@@ -24,14 +24,13 @@
.mark-required .form-group.tel label.required .field-label::after,
.mark-required .form-group.select label.required .field-label::after,
.mark-required .form-group.countrySelect label.required .field-label::after {
color: #a20401;
color: #36b4d2;
}
#wrapper :is(.label, label) {
color: #232323;
text-align: left;
font-size: 13px;
font-weight: 400;
font-size: 13.5px;
}
.form-group.radio-buttons {
@@ -43,10 +42,6 @@
//margin-top: 30px;
}
label {
margin-bottom: 10px;
}
.static-customer-info {
border-bottom: 1px solid transparent;
}
@@ -60,7 +55,7 @@ a.edit-customer-info:hover .static-customer-info:after {
position: absolute;
right: 0;
bottom: 0;
background: #a20401;
background: #2fb5d2;
color: white;
padding: 2px 6px;
font-size: 0.9em;
@@ -68,21 +63,21 @@ a.edit-customer-info:hover .static-customer-info:after {
}
a.edit-customer-info:hover .static-customer-info {
border-bottom: 1px solid #a20401;
border-bottom: 1px solid #2fb5d2;
}
span.carrier-delay {
color: #a20401;
color: #36b4d2;
padding-right: 50px;
}
.delivery-options,
.payment-options {
.delivery-options, .payment-options {
width: 100%;
border: 1px solid #ccc;
padding: 20px;
}
#thecheckout-shipping .inner-area,
#thecheckout-payment .inner-area {
#thecheckout-shipping .inner-area, #thecheckout-payment .inner-area {
border: 0 solid #e9e9e9;
}
@@ -100,7 +95,7 @@ span.carrier-delay {
border-radius: 5px;
}
.-error~.error-msg {
.-error ~ .error-msg {
margin-top: -9px;
padding: 15px 5px 7px;
}
@@ -108,18 +103,18 @@ span.carrier-delay {
.using-material-icons .custom-radio {
display: inline-block;
position: relative;
width: 20px;
height: 20px;
width: 30px;
height: 30px;
vertical-align: middle;
cursor: pointer;
border-radius: 50%;
border: none;
background: #fff;
margin-right: 10px;
margin-top: 7px;
margin-right: 1.25rem;
margin-top: 0;
}
.using-material-icons .custom-radio input[type=radio]+span {
.using-material-icons .custom-radio input[type=radio] + span {
display: inline-block;
width: 100%;
height: 100%;
@@ -135,8 +130,8 @@ span.carrier-delay {
background: transparent;
}
.using-material-icons .custom-radio input[type=radio]:checked+span {
border-color: #a20401;
.using-material-icons .custom-radio input[type=radio]:checked + span {
border-color: #2fb5d2;
background: url(../../img/checkmark.png) center no-repeat;
}
@@ -166,15 +161,16 @@ label.radio-inline {
padding-top: 5px;
}
.form-group {
padding-left: 5px;
padding-right: 5px;
flex-grow: 1;
flex-basis: 100%;
@media (min-width: 768px) {
.form-group, .account_creation.shaim_gdpr_checkbox {
padding-left: 5px;
padding-right: 5px;
flex-grow: 1;
flex-basis: 100%;
}
}
.has-float-label input.form-control,
.has-float-label select.form-control.form-control-select {
.has-float-label input.form-control, .has-float-label select.form-control.form-control-select {
font-size: 0.95em;
margin-bottom: 2px;
border-radius: 5px;
@@ -186,6 +182,9 @@ label.radio-inline {
position: relative;
background-color: white;
}
.has-float-label {
margin-bottom: 15px;
}
.has-float-label :not(:placeholder-shown):not(:focus) {
border-color: #e5e5e5;
@@ -202,8 +201,8 @@ label.radio-inline {
opacity: 0.8;
}
.has-float-label input:placeholder-shown:not(:focus)~span.field-label,
.has-float-label select:placeholder-shown:not(:focus)~span.field-label {
.has-float-label input:placeholder-shown:not(:focus) ~ span.field-label,
.has-float-label select:placeholder-shown:not(:focus) ~ span.field-label {
font-size: 0.95em;
opacity: 0.8;
padding-left: 0;
@@ -232,8 +231,7 @@ label.radio-inline {
margin: 20px auto 30px;
}
.reassurance-section.security:after,
.reassurance-section.delivery:after {
.reassurance-section.security:after, .reassurance-section.delivery:after {
content: "";
display: block;
width: 80%;
@@ -242,25 +240,26 @@ label.radio-inline {
border-bottom: 2px solid #85cad9;
}
.has-float-label input:placeholder-shown:not(:focus)~span.field-label,
.has-float-label select:placeholder-shown:not(:focus)~span.field-label {
.has-float-label input:placeholder-shown:not(:focus) ~ span.field-label, .has-float-label select:placeholder-shown:not(:focus) ~ span.field-label {
top: -20px;
cursor: text;
opacity: 0.6;
}
.block-header {
margin-bottom: 0px;
padding: 20px 0px;
font-size: 16px;
letter-spacing: 1px;
}
section.form-fields {
padding-top: 25px;
}
.business-customer,
.private-customer {
padding: 5px 5px 0px;
}
.second-address {
padding-left: 5px;
}
//.business-customer, .private-customer {
// padding: 5px 5px 0px;
//}
/* Cart summary section */
@@ -295,32 +294,33 @@ section.form-fields {
.checkout-block[class*='num-'] .block-header:before {
font-weight: bold;
background: #a20401;
color: #FFF;
border: 0;
border: 2px solid #ccc;
color: #2fb5d2;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 40px;
width: 64px;
height: 64px;
line-height: 64px;
margin: 0px 0px 12px 0px;
padding: 0;
text-align: center;
display: block;
font-size: 16px;
font-size: 27px;
-webkit-box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.08);
box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.08);
}
body#checkout .checkout-block .inner-area .offer-login a {
background: #a20401;
background: #2fb5d2;
max-width: 219px;
padding: 10px 25px;
padding: 15px;
border-radius: 40px;
color: white;
margin: 10px auto;
font-size: 14px;
font-size: 20px;
&:hover {
text-decoration: none;
color: #750200;
background: #037d9a;
}
}
@@ -364,12 +364,12 @@ img#OffAmazonPaymentsWidgets0 {
height: auto;
}
.page-content .custom-checkbox input[type=checkbox]+span {
.page-content .custom-checkbox input[type=checkbox] + span {
border-radius: 3px;
border: 2px solid #a20401;
border: 2px solid #36b4d2;
}
.custom-checkbox input[type=checkbox]+span {
.custom-checkbox input[type=checkbox] + span {
min-width: 16px;
width: 16px;
height: 16px;
@@ -390,33 +390,31 @@ img#OffAmazonPaymentsWidgets0 {
min-height: 16px;
}
.product-line-body .product-line-info span.label,
.value {
.product-line-body .product-line-info span.label, .value {
color: #171717a8;
}
.custom-checkbox input[type=checkbox]+span .checkbox-checked {
color: #a20401;
.custom-checkbox input[type=checkbox] + span .checkbox-checked {
color: #36b4d2;
}
.page-content .custom-checkbox input[type=checkbox]:checked+span {
.page-content .custom-checkbox input[type=checkbox]:checked + span {
background-color: transparent;
border-color: #a20401;
border-color: #36b4d2;
}
.page-content .custom-checkbox input[type=checkbox]:checked+span>i {
.page-content .custom-checkbox input[type=checkbox]:checked + span > i {
display: none;
}
#delivery_message,
#gift_message {
#delivery_message, #gift_message {
min-height: 100px;
border-radius: 5px;
padding: 8px;
}
.mark-required .form-group.checkbox label.required span.label::before {
color: #a20401;
color: #36b4d2;
}
span.custom-checkbox span.label {
@@ -433,14 +431,11 @@ span.custom-checkbox span.label em {
}
.checkout-block {
.cart-summary-line .label,
.cart-summary-line .value {
.cart-summary-line .label, .cart-summary-line .value {
font-size: 16px;
}
a.cart-line-product-quantity-up,
a.cart-line-product-quantity-down {
a.cart-line-product-quantity-up, a.cart-line-product-quantity-down {
width: 30px;
height: 30px;
border: 1px solid gray;
@@ -456,8 +451,7 @@ span.custom-checkbox span.label em {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23777" viewBox="0 0 24 24"><path d="M24 10h-24v4h24z"/></svg>');
}
a.cart-line-product-quantity-up:hover,
a.cart-line-product-quantity-down:hover {
a.cart-line-product-quantity-up:hover, a.cart-line-product-quantity-down:hover {
background-color: inherit;
background-size: auto;
background-size: 60%;
@@ -474,11 +468,11 @@ span.custom-checkbox span.label em {
}
.has-discount .discount {
background: #a20401;
background: #36b4d2;
}
.product-price {
color: #a20401;
color: #2fb5d2;
display: inline-block;
}
@@ -500,8 +494,7 @@ span.custom-checkbox span.label em {
border-color: gray;
}
.product-price-section .product-price,
.product-price-section a {
.product-price-section .product-price, .product-price-section a {
color: white;
font-size: 13px;
font-weight: bold;
@@ -513,12 +506,6 @@ span.custom-checkbox span.label em {
position: relative;
left: 124px;
}
@media (max-width: 991px) {
.cart-detailed-totals {
width: 100%;
left: 0;
}
}
.card-block:first-child {
border-bottom: 1px dotted #c6c6c6;
@@ -536,17 +523,14 @@ span.custom-checkbox span.label em {
border-bottom: 1px solid #c1c1c1;
}
.card.cart-container,
.card.cart-summary {
.card.cart-container, .card.cart-summary {
box-shadow: none;
border: none;
}
.card.cart-summary {
border-bottom: 1px solid #ccc;
}
}
.block-header.shopping-cart-header {
border-top: 1px solid #ccc;
margin-top: 10px;
@@ -554,19 +538,16 @@ span.custom-checkbox span.label em {
padding-top: 20px;
}
.thecheckout-reassurance,
.delivery-options,
.payment-options {
.thecheckout-reassurance, .delivery-options, .payment-options {
border-radius: 5px;
}
.delivery-options,
.payment-options {
.delivery-options, .payment-options {
margin-bottom: 20px;
}
.card-block.block-promo {
padding-top: 10px;
}
@@ -601,8 +582,13 @@ span.custom-checkbox span.label em {
font-size: 22px;
}
body#checkout .form-group {
padding-left: 0;
.delivery-options, .payment-options {
padding: 20px 10px;
}
.checkout-block .cart-detailed-totals {
width: 100%;
left: 0;
}
}
@@ -611,4 +597,4 @@ span.custom-checkbox span.label em {
width: 100%;
left: 0;
}
}
}

177
modules/thecheckout/views/css/styles/cute.less.css
View File

File diff suppressed because one or more lines are too long

2
modules/thecheckout/views/css/styles/cute.less.css.map
View File

@@ -1 +1 @@
{"version":3,"sources":["home\/host239242\/domains\/wyczarujprezent.pl\/public_html\/modules\/thecheckout\/views\/css\/styles\/cute.less"],"names":[],"mappings":"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"}
{"version":3,"sources":["home\/server493388\/ftp\/public_html\/wyczarujprezent.pl\/modules\/thecheckout\/views\/css\/styles\/cute.less"],"names":[],"mappings":"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"}

203
modules/thecheckout/views/css/styles/modern.less.css Normal file
View File

@@ -0,0 +1,203 @@
/*
================================================================================
This stylesheet adds platic (with borders and shadows look to blocks
It tries to mimic modern fields layout, used by Google and similar big players
on their input forms
Also it creates field-enter flash effect as fun and engaging factor
================================================================================
*/
.checkout-block:not(#thecheckout-confirm) .inner-area {
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.125);
background: white;
}
/*
================================================================================
Input fields styling
================================================================================
*/
.has-float-label label,
.has-float-label span.field-label {
position: absolute;
left: 0;
top: -4px;
cursor: text;
font-size: 0.85em;
transition: all .2s;
opacity: 0.6;
}
.has-float-label input:placeholder-shown:not(:focus):not(:-webkit-autofill) ~ span.field-label,
.has-float-label select:placeholder-shown:not(:focus) ~ span.field-label {
font-size: 1.2em;
opacity: 0.3;
top: .9em;
padding-left: 5px;
}
.has-float-label input.form-control,
.has-float-label select.form-control {
font-size: 1.2em;
padding-top: 1em;
margin-bottom: 2px;
border: 0;
border-radius: 0;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
padding: 1em 0.5em 0.2em;
}
.has-float-label input,
.has-float-label select {
font-size: inherit;
padding-top: 1em;
margin-bottom: 2px;
border: 0;
border-radius: 0;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.-error ~ .error-msg {
margin-top: -2px;
}
.business-fields-separator:after,
.private-fields-separator:after {
margin: 15px auto 20px;
}
/*
================================================================================
Transition flash effects on input fields
================================================================================
*/
.effects-helper::after {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
box-shadow: 0 0 0 0;
color: rgba(199, 152, 157, 0.6);
pointer-events: none;
}
.has-float-label input:focus ~ .effects-helper::after,
.has-float-label select:focus ~ .effects-helper::after {
-webkit-animation: anim-shadow 0.3s forwards;
animation: anim-shadow 0.3s forwards;
}
@-webkit-keyframes anim-shadow {
to {
box-shadow: 0 0 100px 50px;
opacity: 0;
}
}
@keyframes anim-shadow {
to {
box-shadow: 0 0 100px 50px;
opacity: 0;
}
}
/*
================================================================================
Shopping cart area
================================================================================
*/
input.cart-line-product-quantity {
width: 40px;
height: 36px;
text-align: center;
margin-right: 20px;
border-width: 1px;
}
a.cart-line-product-quantity-up,
a.cart-line-product-quantity-down {
display: inline-block;
width: 22px;
height: 18px;
position: absolute;
color: transparent;
/* hide actual label on that anchor */
background-size: 70% 70%;
background-position: center;
background-repeat: no-repeat;
background-color: white;
right: 0;
}
a.cart-line-product-quantity-up:hover,
a.cart-line-product-quantity-down:hover {
box-shadow: 1px 1px 4px 0px grey;
background-color: white;
background-size: 90% 90%;
}
.plus-simple {
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z'/%3E%3C/svg%3E");
}
.minus-simple {
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M1600 736v192q0 40-28 68t-68 28h-1216q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h1216q40 0 68 28t28 68z'/%3E%3C/svg%3E");
}
a.cart-line-product-quantity-up {
top: 0px;
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M1600 736v192q0 40-28 68t-68 28h-416v416q0 40-28 68t-68 28h-192q-40 0-68-28t-28-68v-416h-416q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h416v-416q0-40 28-68t68-28h192q40 0 68 28t28 68v416h416q40 0 68 28t28 68z'/%3E%3C/svg%3E");
border: 1px solid #a39f9f;
border-bottom: 1px solid transparent;
}
a.cart-line-product-quantity-down {
top: 18px;
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M1600 736v192q0 40-28 68t-68 28h-1216q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h1216q40 0 68 28t28 68z'/%3E%3C/svg%3E");
border: 1px solid #a39f9f;
}
.qty-box {
position: relative;
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.cart-item:first-child {
border-top: 1px solid #c1c1c1;
}
.cart-item:not(:last-child) {
border-bottom: 1px solid #eeeeee;
}
.cart-item:last-child {
border-bottom: 1px solid #c1c1c1;
}
.product-price-section .product-price,
.product-price-section a {
color: black;
}
/*
================================================================================
Reassurance area
================================================================================
*/
.thecheckout-reassurance {
text-align: center;
}
.reassurance-section {
margin: 20px auto 30px;
}
.reassurance-section.security:after,
.reassurance-section.delivery:after {
content: "";
display: block;
width: 80%;
margin: 0 auto;
padding-top: 20px;
border-bottom: 2px solid #85cad9;
}
/* Checkboxes */
.page-content .custom-checkbox input[type=checkbox]:checked + span {
filter: brightness(0);
}
.country-call-prefix {
font-size: 1.2em;
margin-top: calc(1em - 2px);
height: 1.8em;
border-radius: unset;
}
input:placeholder-shown:not(:focus):not(:-webkit-autofill) ~ .country-call-prefix {
display: none;
}
/* no-header class treatment */
.checkout-block.no-header {
margin-top: -11px;
padding-top: 0;
overflow-y: hidden;
margin-right: -5px;
padding-right: 8px;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%5C%2Fpeter%5C%2Fwww%5C%2Fpresta_178%5C%2Fmodules%5C%2Fthecheckout%5C%2Fviews%5C%2Fcss%5C%2Fstyles%5C%2Fmodern.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3B%3B%3B%3B%3B%3B%3B%3BAASA%2CeAAe%2CIAAI%2CsBAAuB%3BEACxC%2C4CAAA%3BEACA%2CsCAAA%3BEACA%3B%3B%3B%3B%3B%3B%3BAASF%2CgBAAiB%3BAAAO%2CgBAAiB%2CKAAI%3BEAC3C%3BEACA%3BEACA%3BEACA%3BEACA%3BEAEA%2CmBAAA%3BEACA%3B%3BAAGF%2CgBAAiB%2CMAAK%2CkBAAkB%2CIAAI%2CQAAQ%2CIAAI%2CmBAAsB%2COAAI%3BAAClF%2CgBAAiB%2COAAM%2CkBAAkB%2CIAAI%2CQAAW%2COAAI%3BEAC1D%3BEACA%3BEACA%3BEACA%3B%3BAAGF%2CgBAAiB%2CMAAK%3BAAAe%2CgBAAiB%2COAAM%3BEAC1D%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2C2CAAA%3BEACA%2CwBAAA%3B%3BAAGF%2CgBAAiB%3BAAAO%2CgBAAiB%3BEACvC%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2C2CAAA%3B%3BAAGF%2COAAU%3BEACR%3B%3BAAGF%2C0BAA0B%3BAAC1B%2CyBAAyB%3BEACvB%2CsBAAA%3B%3B%3B%3B%3B%3B%3BAASF%2CeAAe%3BEACb%2CSAAS%2CEAAT%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2CmBAAA%3BEACA%2C%2BBAAA%3BEACA%3B%3BAAGF%2CgBAAiB%2CMAAK%2CMAAS%2CkBAAe%3BAAC9C%2CgBAAiB%2COAAM%2CMAAS%2CkBAAe%3BEAC7C%2C4CAAA%3BEACA%2CoCAAA%3B%3BAAGF%3BEACE%3BIACE%2C0BAAA%3BIACA%3B%3B%3BAAIJ%3BEACE%3BIACE%2C0BAAA%3BIACA%3B%3B%3B%3B%3B%3B%3B%3BAAaJ%2CKAAK%3BEACH%2CWAAA%3BEAEA%2CYAAA%3BEACA%3BEACA%3BEACA%3B%3BAAGF%2CCAAC%3BAAAgC%2CCAAC%3BEAChC%3BEACA%3BEACA%2CYAAA%3BEACA%3BEACA%3B%3BEACA%2CwBAAA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%2CCAZD%2C8BAYE%3BAAAD%2CCAZgC%2CgCAY%5C%2FB%3BEACC%2CgCAAA%3BEACA%3BEACA%2CwBAAA%3B%3BAAKJ%3BEACE%2CsBAAsB%2CiaAAtB%3B%3BAAGF%3BEACE%2CsBAAsB%2CwTAAtB%3B%3BAAGF%2CCAAC%3BEACC%3BEARA%2CsBAAsB%2CiaAAtB%3BEAYA%2CyBAAA%3BEACA%2CoCAAA%3B%3BAAIF%2CCAAC%3BEACC%2CSAAA%3BEAdA%2CsBAAsB%2CwTAAtB%3BEAkBA%2CyBAAA%3B%3BAAGF%3BEACE%3BEACA%2C4CAAA%3B%3BAAGF%2CUAAU%3BEACR%2C6BAAA%3B%3BAAGF%2CUAAU%2CIAAI%3BEACZ%2CgCAAA%3B%3BAAGF%2CUAAU%3BEACR%2CgCAAA%3B%3BAAGF%2CsBAAuB%3BAAAgB%2CsBAAuB%3BEAC5D%3B%3B%3B%3B%3B%3B%3BAASF%3BEACE%3B%3BAAGF%3BEACE%2CsBAAA%3B%3BAAGF%2CoBAAoB%2CSAAS%3BAAAQ%2CoBAAoB%2CSAAS%3BEAChE%2CSAAS%2CEAAT%3BEACA%3BEACA%3BEACA%2CcAAA%3BEACA%3BEACA%2CgCAAA%3B%3B%3BAAKF%2CaAAc%2CiBAAiB%2CMAAK%2CeAAe%2CQAAW%3BEAC5D%2CQAAQ%2CaAAR%3B%3BAAGF%3BEACE%3BEACA%2C2BAAA%3BEACA%3BEACA%3B%3BAAGF%2CKAAK%2CkBAAkB%2CIAAI%2CQAAQ%2CIAAI%2CmBAAsB%3BEAC3D%3B%3B%3BAAKF%2CeAAe%3BEACb%3BEACA%3BEACA%3BEACA%3BEACA%22%7D */

1
modules/thecheckout/views/css/styles/modern.less.css.map Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sources":["home\/peter\/www\/presta_178\/modules\/thecheckout\/views\/css\/styles\/modern.less"],"names":[],"mappings":";;;;;;;;AASA,eAAe,IAAI,sBAAuB;EACxC,4CAAA;EACA,sCAAA;EACA;;;;;;;AASF,gBAAiB;AAAO,gBAAiB,KAAI;EAC3C;EACA;EACA;EACA;EACA;EAEA,mBAAA;EACA;;AAGF,gBAAiB,MAAK,kBAAkB,IAAI,QAAQ,IAAI,mBAAsB,OAAI;AAClF,gBAAiB,OAAM,kBAAkB,IAAI,QAAW,OAAI;EAC1D;EACA;EACA;EACA;;AAGF,gBAAiB,MAAK;AAAe,gBAAiB,OAAM;EAC1D;EACA;EACA;EACA;EACA;EACA,2CAAA;EACA,wBAAA;;AAGF,gBAAiB;AAAO,gBAAiB;EACvC;EACA;EACA;EACA;EACA;EACA,2CAAA;;AAGF,OAAU;EACR;;AAGF,0BAA0B;AAC1B,yBAAyB;EACvB,sBAAA;;;;;;;AASF,eAAe;EACb,SAAS,EAAT;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mBAAA;EACA,+BAAA;EACA;;AAGF,gBAAiB,MAAK,MAAS,kBAAe;AAC9C,gBAAiB,OAAM,MAAS,kBAAe;EAC7C,4CAAA;EACA,oCAAA;;AAGF;EACE;IACE,0BAAA;IACA;;;AAIJ;EACE;IACE,0BAAA;IACA;;;;;;;;AAaJ,KAAK;EACH,WAAA;EAEA,YAAA;EACA;EACA;EACA;;AAGF,CAAC;AAAgC,CAAC;EAChC;EACA;EACA,YAAA;EACA;EACA;;EACA,wBAAA;EACA;EACA;EACA;EACA;;AAEA,CAZD,8BAYE;AAAD,CAZgC,gCAY\/B;EACC,gCAAA;EACA;EACA,wBAAA;;AAKJ;EACE,sBAAsB,iaAAtB;;AAGF;EACE,sBAAsB,wTAAtB;;AAGF,CAAC;EACC;EARA,sBAAsB,iaAAtB;EAYA,yBAAA;EACA,oCAAA;;AAIF,CAAC;EACC,SAAA;EAdA,sBAAsB,wTAAtB;EAkBA,yBAAA;;AAGF;EACE;EACA,4CAAA;;AAGF,UAAU;EACR,6BAAA;;AAGF,UAAU,IAAI;EACZ,gCAAA;;AAGF,UAAU;EACR,gCAAA;;AAGF,sBAAuB;AAAgB,sBAAuB;EAC5D;;;;;;;AASF;EACE;;AAGF;EACE,sBAAA;;AAGF,oBAAoB,SAAS;AAAQ,oBAAoB,SAAS;EAChE,SAAS,EAAT;EACA;EACA;EACA,cAAA;EACA;EACA,gCAAA;;;AAKF,aAAc,iBAAiB,MAAK,eAAe,QAAW;EAC5D,QAAQ,aAAR;;AAGF;EACE;EACA,2BAAA;EACA;EACA;;AAGF,KAAK,kBAAkB,IAAI,QAAQ,IAAI,mBAAsB;EAC3D;;;AAKF,eAAe;EACb;EACA;EACA;EACA;EACA"}