.mkdf-core-dashboard{max-width:initial!important}.mkdf-core-dashboard .mkdf-core-dashboard-inner{margin:0 -15px;display:inline-block;width:100%}.mkdf-core-dashboard .mkdf-cd-logo{display:inline-block;vertical-align:middle;padding-right:15px;width:62px}.mkdf-core-dashboard .mkdf-cd-title{display:inline-block;vertical-align:middle;font-size:41px;font-weight:400;margin:0}.mkdf-core-dashboard .mkdf-cd-title-holder{margin-bottom:30px}.mkdf-core-dashboard .mkdf-cd-subtitle{font-size:18px;line-height:25px;font-weight:400;color:#555d66;max-width:610px;margin:10px 0 30px}.mkdf-core-dashboard .mkdf-core-dashboard-column{float:left;width:100%;max-width:610px;padding:0 15px}.mkdf-core-dashboard .mkdf-core-dashboard-column.mkdf-cd-smaller-column{max-width:380px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box{background-color:#fff}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box.mkdf-core-bottom-space{margin-bottom:30px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-box-title-holder{padding:28px 34px 23px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-box-title-holder p{margin:19px 0 0;padding:0;font-size:16px;line-height:22px;font-weight:400;color:#555d66}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box.mkdf-cd-import-box .mkdf-cd-box-title-holder p{font-size:14px;line-height:20px;margin:17px 0 0}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box.mkdf-cd-import-box .mkdf-cd-label{font-weight:600;margin-bottom:15px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box h2{margin:0;padding:0;font-size:25px;font-weight:400;color:#32373c;text-align:left}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box h3{margin:0;padding:0}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-field-holder{padding-bottom:30px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-label{display:block;color:#555d66;font-size:14px;margin-bottom:7px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-input{border:none;border-bottom:1px solid #c2c2c2;outline:0;width:50%;box-shadow:none;color:#555d66;font-size:14px;padding:4px 0;margin:0}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-input:focus{outline:0;border-color:#c2c2c2}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-input:focus::-webkit-input-placeholder{color:#555d66}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-input:focus:-moz-placeholder{color:#555d66;opacity:1}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-input:focus::-moz-placeholder{color:#555d66;opacity:1}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-input:focus:-ms-input-placeholder{color:#555d66}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-input::-webkit-input-placeholder{color:#555d66}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-input:-moz-placeholder{color:#555d66;opacity:1}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-input::-moz-placeholder{color:#555d66;opacity:1}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-input:-ms-input-placeholder{color:#555d66}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-input:-webkit-autofill,.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-input:-webkit-autofill:active,.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-input:-webkit-autofill:focus,.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-input:-webkit-autofill{-webkit-text-fill-color:#666!important}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-error-field{border-bottom-color:#ee3535}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cd-error-message{display:block;color:#ee3535;font-size:12px;margin-top:5px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cdb-problem{border:1px solid #e1e1e1;border-left:3px solid #ee3535;padding:15px;margin-bottom:25px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box .mkdf-cdb-problem p{font-size:12px;line-height:18px;font-weight:600;margin:0;padding:0}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-core-dashboard-box:last-child .mkdf-cd-box-row:last-child{padding-bottom:10px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-button{padding:7px 35px;background-color:#3596ee;border:none;color:#fff;font-size:16px;line-height:1em;border-radius:5px;box-shadow:0 2px 0 0 #246eae}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-button.mkdf-cd-button-disabled,.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-button.mkdf-import-demo-data-disabled{background-color:#6bb4f7}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-button-wait{display:none;font-size:12px;color:#3596ee;margin-left:15px;font-weight:400}.mkdf-core-dashboard .mkdf-core-dashboard-column a.mkdf-cd-button{text-decoration:none}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-box-section{padding:0 35px 10px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-box-section h3{padding:0;margin:0 0 24px;color:#555d66;font-size:17px;line-height:20px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-box-list{padding:10px 35px;margin:0}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-box-list li{font-size:15px;margin:0 0 25px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-box-list li a{color:#3675ae}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-box-row{display:table;padding:0 20px;border-bottom:1px solid #f1f1f1;width:100%;box-sizing:border-box;font-size:14px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cdb-label,.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cdb-value{display:table-cell;width:50%;padding:17px 15px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cdb-value{color:#3e87be}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cdb-value-false span{color:#ea3a27}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-import-form{padding:0 30px 10px 30px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-import-form .mkdf-cd-box-form-section{padding:0 0 28px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-import-form .mkdf-cd-box-form-section.mkdf-cd-box-form-section-columns{display:flex;margin:0 -15px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-import-form .mkdf-cd-box-form-section.mkdf-cd-box-form-section-columns .mkdf-cd-box-form-section-column{padding:0 15px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-import-form .mkdf-cd-box-form-section.mkdf-cd-box-form-section-columns .mkdf-cd-box-form-section-column:first-child{width:75%}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-import-form .mkdf-cd-box-form-section.mkdf-cd-box-form-section-columns .mkdf-cd-box-form-section-column:last-child{width:25%}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-import-form .mkdf-cd-box-form-section .mkdf-cd-import-option,.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-import-form .mkdf-cd-box-form-section .mkdf-import-demo{width:100%}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-import-form .mkdf-cd-box-form-section .select2-container--default .select2-selection--single{border-radius:0;border-color:#e1e1e1;height:34px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-import-form .mkdf-cd-box-form-section .select2-container--default .select2-selection--single .select2-selection__rendered{color:#555;line-height:34px}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-import-form .mkdf-cd-import-is-completed{display:none;color:#3596ee;font-size:14px;font-weight:600}.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-import-form .mkdf-cd-box-form-section-dependency,.mkdf-core-dashboard .mkdf-core-dashboard-column .mkdf-cd-import-form .mkdf-cd-box-form-section-progress{display:none}#mkdf-progress-bar[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;height:5px}#mkdf-progress-bar[value]::-webkit-progress-bar{background-color:#fff;border:1px solid #e1e1e1;border-radius:0}#mkdf-progress-bar{color:#3596ee}#mkdf-progress-bar::-moz-progress-bar{background:#3596ee}#mkdf-progress-bar::-webkit-progress-value{background:#3596ee}#mkdf-progress-bar[aria-valuenow]:before{background:#3596ee}.mkdf-cd-selection li.select2-results__option{padding:10px;margin:0}.mkdf-cd-selection img{vertical-align:middle;padding-right:20px}.select2-container--default .mkdf-cd-selection .select2-results__option[aria-selected=true]{background-color:#fafafa}.select2-container--default .mkdf-cd-selection .select2-results__option--highlighted{background-color:#fafafa;color:#000}.mkdf-cd-action-selection li.select2-results__option,.mkdf-cd-single-page-selection li.select2-results__option{margin:0}.select2-container--default .mkdf-cd-action-selection .select2-results__option[aria-selected=true],.select2-container--default .mkdf-cd-single-page-selection .select2-results__option[aria-selected=true]{background-color:#fafafa}.select2-container--default .mkdf-cd-action-selection .select2-results__option--highlighted,.select2-container--default .mkdf-cd-single-page-selection .select2-results__option--highlighted{background-color:#fafafa;color:#000}.mkdf-cd-import-single-page{width:100%}.mkdf-cd-switch{display:inline-block;border:1px solid #e1e1e1;border-radius:40px;overflow:hidden}.mkdf-cd-switch .mkdf-cd-import-attachments{display:none}.mkdf-cd-switch .mkdf-cd-cb-disable,.mkdf-cd-switch .mkdf-cd-cb-enable{display:block;float:left;padding:0 10px}.mkdf-cd-switch .mkdf-cd-cb-disable.selected,.mkdf-cd-switch .mkdf-cd-cb-enable.selected{background-color:#3596ee;color:#fff}.mkdf-cd-switch .mkdf-cd-cb-disable span,.mkdf-cd-switch .mkdf-cd-cb-enable span{line-height:32px;display:block;font-weight:700}.p24-payment__logo {
max-width: 80px;
}
.p24-1clicks {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
}
.p24-1clicks__items {
display: flex;
flex-direction: column; 
gap: 8px;
align-items: center;
}
.p24-1clicks__label,
.p24-1clicks__or {
font-size: 75%;
text-align: center;
}
.p24-1clicks__or {
display: flex;
align-items: center;
gap: 10px;
white-space: nowrap;
}
.p24-1clicks__or:after,
.p24-1clicks__or:before {
content: "";
width: 100%;
height: 1px;
background: rgba(0, 0, 0, .2);
}
.p24-1click {
display: flex;
gap: 12px;
align-items: center;
cursor: pointer;
background: white;
border-radius: 6px;
padding: 10px;
border: 2px solid transparent;
outline: none;
position: relative;
}
.p24-1click__logo { margin: 0; }
.p24-1click__logo img { display: block; }
.p24-1click--active {
border-color: currentColor;
outline: 1px solid;
}
.p24-1click--card__number {
gap: 0.5em;
display: flex;
font-size: 110%;
font-family: monospace;
align-items: center;
}
.p24-1click--card__number small { font-size: 75%; }
.p24-1click--card__valid {
font-family: monospace;
opacity: .8;
font-size: 80%;
font-weight: 800;
}
.p24-1click--blik__valid {
font-family: monospace;
opacity: .8;
font-size: 75%;
}
.p24-1clicks--blik {
width: 100%;
gap: 12px;
margin: 4px 0 22px;
}
.p24-1clicks--blik .p24-1clicks__label {
color: inherit;
font-size: clamp(12px, .8rem, 14px);
font-weight: 600;
line-height: 1.4;
opacity: .72;
text-align: left;
}
.p24-1clicks--blik .p24-1clicks__items {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
gap: 10px;
width: 100%;
padding: 0;
align-items: stretch;
}
.p24-payment-container .p24-1click--blik {
box-sizing: border-box;
display: flex;
align-items: center;
gap: 12px;
width: 100%;
min-width: 0;
min-height: 70px;
margin: 0;
padding: 12px 44px 12px 14px;
color: inherit;
font: inherit;
line-height: 1.3;
text-align: left;
text-transform: none;
background: #fff;
border: 1px solid rgba(15, 23, 42, .18);
border-radius: 12px;
box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.p24-payment-container .p24-1click--blik:hover {
color: inherit;
background: #fff;
border-color: rgba(15, 23, 42, .38);
box-shadow: 0 4px 12px rgba(15, 23, 42, .09);
}
.p24-payment-container .p24-1click--blik:focus {
outline: none;
}
.p24-payment-container .p24-1click--blik:focus-visible {
border-color: #1d4ed8;
outline: 3px solid rgba(29, 78, 216, .2);
outline-offset: 2px;
} .p24-payment-container .p24-1click--blik.p24-1click--active {
color: inherit;
background: rgba(29, 78, 216, .06);
border-color: #1d4ed8;
outline: none;
box-shadow: 0 0 0 2px rgba(29, 78, 216, .35), 0 6px 16px rgba(15, 23, 42, .1);
}
.p24-payment-container .p24-1click--blik.p24-1click--active .p24-1click--blik__name {
font-weight: 700;
}
.p24-payment-container .p24-1click--blik.p24-1click--active .p24-1click--blik__valid {
opacity: .8;
}
.p24-payment-container [hidden] {
display: none !important;
}
.p24-1click--blik__logo {
display: flex;
flex: 0 0 42px;
align-items: center;
justify-content: center;
width: 42px;
}
.p24-1click--blik__logo img {
width: auto;
max-width: 42px;
height: auto;
max-height: 28px;
object-fit: contain;
}
.p24-1click--blik__details {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 5px;
min-width: 0;
}
.p24-1click--blik__name {
overflow: hidden;
color: inherit;
font-size: clamp(13px, .88rem, 15px);
font-weight: 650;
line-height: 1.25;
text-overflow: ellipsis;
white-space: nowrap;
}
.p24-1click--blik__valid {
display: flex;
flex-wrap: wrap;
gap: 4px 7px;
align-items: baseline;
color: inherit;
font-family: inherit;
font-size: clamp(11px, .75rem, 13px);
line-height: 1.25;
opacity: .66;
}
.p24-1click--blik__valid strong {
color: inherit;
font-weight: 600;
font-variant-numeric: tabular-nums;
}
.p24-1click__indicator {
position: absolute;
top: 50%;
right: 14px;
box-sizing: border-box;
width: 20px;
height: 20px;
border: 2px solid rgba(15, 23, 42, .35);
border-radius: 50%;
transform: translateY(-50%);
transition: border-color .18s ease, background-color .18s ease;
}
.p24-1click--active .p24-1click__indicator {
background: #1d4ed8;
border-color: #1d4ed8;
}
.p24-1click--active .p24-1click__indicator::after {
content: "";
position: absolute;
top: 3px;
left: 6px;
width: 5px;
height: 9px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.p24-1clicks--blik .p24-1clicks__or {
color: inherit;
font-size: clamp(11px, .75rem, 13px);
opacity: .65;
}
@media screen and (max-width: 480px) {
.p24-1clicks--blik {
margin-bottom: 18px;
}
.p24-1clicks--blik .p24-1clicks__items {
grid-template-columns: minmax(0, 1fr);
}
.p24-payment-container .p24-1click--blik {
min-height: 64px;
padding: 10px 42px 10px 12px;
border-radius: 10px;
}
.p24-1click--blik__logo {
flex-basis: 36px;
width: 36px;
}
.p24-1click--blik__logo img {
max-width: 36px;
max-height: 24px;
}
.p24-1click__indicator {
right: 12px;
width: 19px;
height: 19px;
}
}
.p24-1click--card__logo {
margin-bottom: 0;
}
#card-tokenizer {
display: flex;
justify-content: center;
min-width: 280px;
}
.woocommerce table.shop_table .shop_table__cell-description {
border-top: none;
padding-top: 0;
margin: 0;
opacity: .5;
font-size: 75%;
}
.p24-one-clicks__intro {
margin: 0 0 24px;
}
.account-p24-one-clicks-table {
margin-top: 0;
}
.p24-one-clicks__intro p {
margin: 0;
font-size: clamp(13px, .9rem, 15px);
line-height: 1.5;
opacity: .8;
}
.p24-one-clicks__note {
display: flex;
gap: 10px;
margin: 16px 0 0;
padding: 12px 14px;
font-size: clamp(12px, .82rem, 14px);
line-height: 1.5;
background: rgba(15, 23, 42, .04);
border-left: 3px solid rgba(15, 23, 42, .25);
border-radius: 6px;
opacity: .85;
}
.p24-one-clicks__note + .p24-one-clicks__note {
margin-top: 10px;
}
.p24-account-table {
width: 100%;
border-collapse: collapse;
}
.p24-account-table thead th {
font-weight: 600;
}
.p24-account-table td,
.p24-account-table th {
vertical-align: top;
}
.p24-account-table .p24-col-actions,
.p24-account-table .p24-cell-actions {
text-align: right;
white-space: nowrap;
}
.p24-account-table .p24-col-next-payment,
.p24-account-table .p24-cell-next-payment {
white-space: nowrap;
}
.p24-account-table .p24-cell-downloads a {
display: inline-block;
margin: 2px 0;
} .p24-payment-container {
position: relative;
}
.p24-waiting {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 12px;
overflow: auto;
background: rgba(255, 255, 255, .92);
backdrop-filter: blur(2px);
}
.p24-waiting.hidden { display: none; }
.p24-waiting__panel {
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
box-sizing: border-box;
width: 100%;
max-width: 320px;
padding: 18px 20px;
color: inherit;
text-align: center;
background: #fff;
border: 1px solid rgba(15, 23, 42, .12);
border-radius: 12px;
box-shadow: 0 8px 24px rgba(15, 23, 42, .12);
}
.p24-waiting__message {
font-size: clamp(13px, .88rem, 15px);
font-weight: 600;
line-height: 1.4;
}
.p24-waiting__hint {
font-size: clamp(11px, .76rem, 13px);
line-height: 1.45;
opacity: .7;
}
.p24-waiting__timer {
font-size: clamp(12px, .8rem, 14px);
font-variant-numeric: tabular-nums;
line-height: 1;
opacity: .6;
}
.p24-waiting .wc-block-components-spinner {
position: relative;
width: 32px;
height: 32px;
margin: 0;
} .p24-waiting__spinner {
display: block;
box-sizing: border-box;
width: 32px;
height: 32px;
border: 3px solid rgba(15, 23, 42, .15);
border-top-color: #1d4ed8;
border-radius: 50%;
animation: p24-waiting-spin 900ms linear infinite;
}
@keyframes p24-waiting-spin {
to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
.p24-waiting__spinner {
animation-duration: 2400ms;
}
} .p24-blik-code-field {
width: 100%;
max-width: 12.5rem; margin: 14px 0 18px;
}
.p24-blik-code-input { margin-top: 0 !important; } .p24-blik-code-field .wc-block-components-text-input input {
font-size: clamp(15px, 1rem, 18px);
font-weight: 600;
font-variant-numeric: tabular-nums;
letter-spacing: 0.16em;
text-align: center;
background: #fff;
border: 1px solid rgba(15, 23, 42, .18);
border-radius: 10px;
box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
transition: border-color .18s ease, box-shadow .18s ease;
}
.p24-blik-code-field .wc-block-components-text-input input:hover {
border-color: rgba(15, 23, 42, .38);
} .p24-blik-code-field .wc-block-components-text-input input:focus,
.p24-payment-blik .p24-payment-input input[type="text"]:focus {
border-color: #1d4ed8;
outline: none;
box-shadow: 0 0 0 2px rgba(29, 78, 216, .35);
}
.p24-payment-input input[type="text"] {
padding: 0 1rem;
width: 100%;
box-sizing: border-box;
min-height: 3rem;
} .p24-payment-blik .p24-payment-input {
max-width: 12.5rem;
}
.p24-payment-blik .p24-payment-input input[type="text"] {
font-size: clamp(15px, 1rem, 18px);
font-weight: 600;
font-variant-numeric: tabular-nums;
letter-spacing: 0.16em;
text-align: center;
background: #fff;
border: 1px solid rgba(15, 23, 42, .18);
border-radius: 10px;
box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
transition: border-color .18s ease, box-shadow .18s ease;
}
.p24-payment-blik .p24-payment-input input[type="text"]:hover {
border-color: rgba(15, 23, 42, .38);
} .p24-payment-blik .p24-payment-input input[type="text"]::placeholder {
letter-spacing: normal;
}
.woocommerce-order-pay .p24-payment-container {
max-width: 500px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 24px;
} .p24-google-pay-button {
display: block;
width: 100%;
min-height: 48px;
margin: 8px 0;
}
.wc-block-checkout__actions .p24-google-pay-button,
.wc-block-checkout__actions_row .p24-google-pay-button {
flex: 1 1 auto;
min-width: 240px;
width: 100%;
margin: 8px 0;
}
.p24-google-pay-place-order-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
opacity: 0 !important;
}
.wc-block-components-radio-control-accordion-content:has(.p24-payment-container:empty) {
display: none;
}
.p24-methods {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 12px;
}
.p24-methods + .woocommerce-input-wrapper {
margin-top: 24px;
display: block;
}
.p24-methods__items {
--logo-size: 20px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, auto));
gap: 12px;
border-radius: 4px;
}
.p24-methods__items--featured {
--logo-size: 40px;
grid-template-columns: repeat(auto-fit, minmax(150px, auto));
}
.p24-method-item {
cursor: pointer;
display: flex;
background: white;
border-radius: 4px;
padding: 10px;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
flex: 0 1 100px;
border: 1px solid hsla(0, 0%, 7%, .11);
user-select: none;
position: relative;
gap: 8px;
font-size: 11px;
}
.p24-method-item--active { outline: 2px solid black; }
.p24-method-item picture {
aspect-ratio: 16/9;
height: var(--logo-size);
max-height: var(--logo-size);
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.p24-method-item picture img {
max-width: 100%;
max-height: var(--logo-size);
}
.p24-payment-container .p24-checkbox:first-child .wc-block-components-checkbox { margin-top: 0; }
input[id^="payment_method_p24-"] + label img { max-height: 30px; }
.p24-payment-container .wc-block-components-notice-banner:first-child { margin-top: 0; } .p24-payment-container .p24-checkbox + .p24-checkbox {
margin-top: 10px;
}
.p24-payment-container .p24-checkbox .wc-block-components-checkbox {
margin: 0;
display: flex;
align-items: flex-start;
gap: 10px;
}
.p24-payment-container .p24-checkbox .wc-block-components-checkbox__label {
line-height: 1.35;
}
.p24-payment-container .p24-checkbox .wc-block-components-checkbox__input {
margin-top: 2px;
}
.p24-google-pay-button:empty {
display: none;
}
p24-installment {
margin: 20px 0;
display: block;
}
p24-installment[show-modal="true"] { cursor: pointer; }
.p24-currency {
display: inline-flex;
align-items: center;
column-gap: 0.625rem;
row-gap: 0.5rem;
flex-wrap: wrap;
}
.p24-currency__select {
min-width: 5rem;
margin: 0 !important;
align-self: center;
}
.p24-currency__submit {
flex-shrink: 0;
margin: 0 !important;
margin-block: 0 !important;
margin-inline: 0 !important;
vertical-align: middle;
align-self: center;
line-height: 1.4;
padding-top: 0.35rem !important;
padding-right: 0.75rem !important;
padding-bottom: 0.35rem !important;
padding-left: 0.75rem !important;
}
#p24-3ds-modal {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.6);
visibility: hidden; opacity: 0;
transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
align-items: center; justify-content: center;
display: flex;
}
#p24-3ds-modal.active {
display: flex;
visibility: visible;
opacity: 1;
}
#p24-3ds-modal .modal-content {
background: #fff;
border-radius: 8px;
padding: 16px;
max-width: 600px;
max-height: 80vh;
width: 100%;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
position: relative;
transition: transform 0.3s ease-out, opacity 0.3s ease-out;
transform: translateY(25px);
opacity: 0;
}
#p24-3ds-iframe-wrapper {
width: 100%; height: 100%;
flex-grow: 1;
min-height: 480px;
}
#p24-3ds-modal.active .modal-content {
transform: translateY(0px);
opacity: 1;
} .p24-3ds-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
.p24-3ds-overlay.hidden {
display: none !important;
}
.p24-3ds-loader-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
padding: 40px 20px;
text-align: center;
z-index: 10;
}
.p24-3ds-loader-content .loader {
width: 48px;
height: 48px;
border: 4px solid #d1001f;
border-top-color: transparent;
border-radius: 50%;
animation: p24-spin 1s linear infinite;
}
@keyframes p24-spin {
to { transform: rotate(360deg); }
}
.p24-3ds-loader-message {
max-width: 400px;
font-size: 14px;
line-height: 1.5;
color: #fff;
margin: 0;
padding: 0 10px;
}
#p24-3ds-loader.hidden {
display: none !important;
}
#p24-3ds-iframe-wrapper {
width: 100%;
height: 100%;
flex-grow: 1;
min-height: 480px;
}
#p24-3ds-iframe-wrapper iframe.fullScreenP24 {
width: 100%;
height: 100%;
border: none;
min-height: 480px;
display: block;
visibility: visible;
}
#p24-3ds-iframe-wrapper iframe.hiddenP24 {
display: none !important;
visibility: hidden !important;
}
.p24-1clicks__new-card {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
max-width: 450px;
margin: 16px auto;
padding: 12px 20px;
background-color: #fafbfc;
border: 1.5px solid #d1d5db;
border-radius: 6px;
color: #1f2937;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.3px;
cursor: pointer;
transition: all 0.2s ease-in-out;
font-family: inherit;
text-decoration: none;
box-shadow: none;
}
.p24-1clicks__new-card-icon {
flex-shrink: 0;
width: 18px; height: 18px;
color: #3b82f6; stroke: currentColor;
}
.p24-1clicks__new-card-text { white-space: nowrap; }
.p24-1clicks__new-card:hover {
background-color: #f3f4f6;
border-color: #9ca3af;
color: #0f172a;
box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.p24-1clicks__new-card:hover .p24-1clicks__new-card-icon {
color: #2563eb; transform: scale(1.05);
}
.p24-1clicks__new-card:active {
transform: translateY(1px);
box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.p24-1clicks__new-card:focus {
outline: 2px solid #3b82f6;
outline-offset: 2px;
}
.p24-1clicks__new-card:disabled {
opacity: 0.6;
cursor: not-allowed;
background-color: #f3f4f6;
}
.p24-1click--card {
--card-bg: linear-gradient(135deg, #ffffff 0%, #f7f7f9 100%);
--card-border: rgba(0, 0, 0, .06);
--card-shadow: 0 1px 5px rgba(0, 0, 0, .06);
--card-shadow-hover: 0 4px 14px rgba(0, 0, 0, .12);
--accent: #2563eb;
--text-color: #1f2937;
--text-color-light: #6b7280;
--border-radius: 12px;
display: flex;
flex-direction: column;
gap: 10px;
padding: 14px 16px;
width: 100%;
max-width: 220px;                 
border: 1px solid var(--card-border);
border-radius: var(--border-radius);
background: var(--card-bg);
box-shadow: var(--card-shadow);
cursor: pointer;
text-align: left;
transition: transform .18s ease, box-shadow .18s ease;
}
.p24-1click--card:hover {
transform: translateY(-2px);
box-shadow: var(--card-shadow-hover);
}
.p24-1click--card:focus-visible {
outline: 3px solid color-mix(in oklab, var(--accent) 60%, white 40%);
outline-offset: 3px;
}
.p24-1click--card-header {
display: flex;
gap: 10px;
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 24px;
}
.p24-1click--card__logo img {
max-height: 24px;
width: auto;
opacity: .95;
} .p24-1click--card .p24-1click__indicator {
position: relative;
top: auto;
right: auto;
flex: 0 0 auto;
margin-left: auto;
transform: none;
}
.p24-1click--card.p24-1click--active {
background: rgba(29, 78, 216, .05);
border-color: #1d4ed8;
outline: none;
box-shadow: 0 0 0 2px rgba(29, 78, 216, .35), 0 6px 16px rgba(15, 23, 42, .1);
}
.p24-1click--card__number {
font-size: 17px;
font-family: ui-monospace, monospace;
letter-spacing: 1.5px;
font-weight: 600;
color: var(--text-color);
display: block;
}
.p24-1click--card__number small {
font-size: 14px;
color: var(--text-color-light);
margin-right: 4px;
}
.p24-1click--card__valid {
font-size: 13px;
color: var(--text-color-light);
}
@media screen and (max-width: 480px) {
#p24-3ds-modal {
padding: 0;
align-items: flex-end;
}
#p24-3ds-modal .modal-content {
width: 100%; height: 95vh;
max-width: 100%; max-height: 100%;
padding: 12px;
border-radius: 16px 16px 0 0;
transform: translateY(100%);
opacity: 1;
}
#p24-3ds-modal.active .modal-content { transform: translateY(0); }
#p24-3ds-iframe-wrapper { height: 100%; min-height: 0; }
#p24-3ds-iframe-wrapper iframe { min-height: 0; }
#card-tokenizer iframe { max-width: 100%; width: 100% !important; }
.p24-1clicks__new-card {
padding: 10px 16px;
font-size: 13px;
max-width: 100%;
}
.p24-1clicks__new-card-icon { width: 16px; height: 16px; }
.p24-1clicks__items {
width: 100%;
padding: 0 8px;
}
.p24-1clicks__items .p24-1click--card {
width: 100%;
max-width: 100%;
padding: 12px 14px;
}
.p24-1click--card__number {
font-size: 15px;
}
.p24-1click--card__valid {
font-size: 12px;
}
}
@media screen and (min-width: 481px) {
#p24-3ds-modal .modal-content {
height: auto;
max-height: 90vh;
}
.p24-1clicks__items {
flex-direction: row;
flex-wrap: wrap;        
justify-content: center; 
}
.p24-1clicks__items .p24-1click--card {
flex: 0 1 220px;        
max-width: 220px;
width: auto;
}
}
@media screen and (min-width: 779px) and (max-width: 873px) {
.p24-1clicks__items {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
justify-items: center; 
}
.p24-1clicks__items .p24-1click--card {
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
#p24-3ds-modal .modal-content {
max-width: 90%;
padding: 16px;
max-height: 92vh;
}
} .subscription-button {
display: inline-block;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
border-radius: 4px;
transition: all 0.3s ease;
cursor: pointer;
border: 2px solid transparent;
}
.subscription-button:hover {
text-decoration: none;
}
.subscription-button--login {
background-color: #f0f0f0;
color: #333;
border-color: #ccc;
}
.subscription-button--login:hover {
background-color: #e8e8e8;
border-color: #999;
}
.subscription-button--start {
background-color: #0073aa;
color: #fff;
border-color: #0073aa;
}
.subscription-button--start:hover {
background-color: #005a87;
border-color: #005a87;
}
.subscription-button--manage {
background-color: #28a745;
color: #fff;
border-color: #28a745;
}
.subscription-button--manage:hover {
background-color: #218838;
border-color: #218838;
} .subscription-period-info,
.subscription-extra-box {
--p24-sub-accent: #0073aa;
--p24-sub-accent-hover: #005a87;
--p24-sub-accent-bg: #e8f4f8;
--p24-sub-surface: #f8fafb;
--p24-sub-border: #d8e6ec;
--p24-sub-text: #1e293b;
--p24-sub-text-muted: #475569;
}
.subscription-svg-icon {
display: block;
flex-shrink: 0;
}
.subscription-period-info {
margin: 0.75rem 0 0.5rem;
}
.subscription-period-badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background-color: var(--p24-sub-accent-bg);
color: var(--p24-sub-accent);
padding: 0.5rem 0.875rem;
border-radius: 999px;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.4;
border: 1px solid var(--p24-sub-border);
}
.subscription-period-badge__icon {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--p24-sub-accent);
}
.subscription-period-badge__icon .subscription-svg-icon {
width: 18px;
height: 18px;
}
.subscription-extra-box {
background-color: var(--p24-sub-surface);
border: 1px solid var(--p24-sub-border);
border-left: 4px solid var(--p24-sub-accent);
border-radius: 12px;
padding: 1.25rem 1.375rem;
margin: 1.25rem 0;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}
.subscription-extra-box__title {
margin: 0 0 1rem;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.35;
color: var(--p24-sub-text);
}
.subscription-extra-box__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0.875rem;
}
.subscription-extra-box__item {
display: flex;
align-items: flex-start;
gap: 0.75rem;
font-size: 0.9375rem;
line-height: 1.5;
color: var(--p24-sub-text-muted);
}
.subscription-extra-box__icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 2.25rem;
height: 2.25rem;
border-radius: 50%;
background-color: var(--p24-sub-accent-bg);
color: var(--p24-sub-accent);
}
.subscription-extra-box__text {
display: block;
padding-top: 0.2rem;
color: var(--p24-sub-text-muted);
}
@media (max-width: 480px) {
.subscription-extra-box {
padding: 1rem 1.125rem;
}
.subscription-extra-box__item {
gap: 0.625rem;
}
}
.subscription-button-wrapper {
margin: 15px 0;
}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}