/** Shopify CDN: Minification failed

Line 599:0 Unexpected "}"

**/
/* Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea,
select {
background: transparent;
border: 0;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: normal;
}
section { position: relative}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
del {
text-decoration: line-through;
}
hr {
background-color: #b1b1b1;
border: 0;
clear: both;
color: transparent;
height: 1px;
padding: 0;
margin: 1.5em 0;
}
small {
font-size: 80%;
}
mark {
background-color: #ffffb3;
font-style: italic;
}
input,
select {
vertical-align: middle;
}

ol,
ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.alert { text-align: center;border-radius: var(--border_radius);}
div[role=alert] {
text-align: center;
}
div[role=alert] h5{
margin-top: 0.75rem;
}
div[role=alert] a:not(:hover){
text-decoration:underline;
}
a:hover { text-decoration: none !important; }
/* Root & Body Styles */
html {
cursor: default;
height: 100%;
line-height: 1.5;
-moz-tab-size: 4;
tab-size: 4;
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html,
body {
overflow-x: hidden;
width: 100%;
}

body {
background-color: var(--color_body_bg);
color: var(--color_text);
font-size: var(--fontsize_body);
font-family: var(--typo_body);
font-weight: var(--fontweight_body);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: var(--lineheight_body);
position: relative;
}

body,
button,
input,
textarea,
select,
optgroup {
margin: 0;
}

*,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
scroll-behavior: auto;
}

:before,
:after {
text-decoration: inherit;
vertical-align: inherit;
}

@media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
.slick-disabled {
opacity: .5;
cursor: not-allowed !important;
}
/* Typography & Formatting */

h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--color_primary);
font-family: var(--typo_heading);
font-weight: var(--fontweight_heading);
line-height: var(--lineheight_heading);
margin-bottom: 0.75rem;
  margin-top: 20px;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: currentcolor; }

h1:hover a,
h2:hover a,
h3:hover a,
h4:hover a,
h5:hover a,
h6:hover a { color: var(--color_accent); }

h1 {
font-size: var(--fontsize_H1);
}

h2 {
font-size: var(--fontsize_H2);
}

h3 {
font-size: var(--fontsize_H3);
}

h4 {
font-size: var(--fontsize_H4);
}

h5 {
font-size: var(--fontsize_H5);
}

h6 {
font-size: var(--fontsize_H6);
}

h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty,
p:empty {
display: none;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
text-decoration: none;
}

p {
margin-bottom: 1em;
}

b,
strong {
font-weight: bold;
}

em,
i,
dfn,
cite {
font-style: italic;
}

address {
display: block;
margin: 0 0 1.5em;
}

blockquote {
border-left: 2px solid currentColor;
margin: 1rem 0;
padding: 0 0 0 1rem;
}
blockquote > p {
margin: 0 0 1rem;
}
blockquote > p:only-child,
blockquote > p:last-of-type {
margin-bottom: 0;
}

pre {
border: 1px solid #e2e4e7;
font-family: monospace;
margin-top: 0.75em;
margin-bottom: 0.75em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
white-space: pre;
}
.text-left { text-align:start;}
.text-center { text-align: center;}
.text-right { text-align: end; }

code,
kbd,
tt,
var {
font-family: monospace;
font-size: 15px;
font-size: 0.9375rem;
}

abbr,
acronym {
border-bottom: 1px dotted;
cursor: help;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline;
}

ins {
color: var(--color_accent);
padding: 0 5px;
text-decoration: none;
}

big {
font-size: 125%;
}
small {
font-size: 80%;
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Links */
a {
background-color: transparent;
color: var(--color_accent);
text-decoration: none;
transition: 0.3s;
}

a:hover {
color: var(--color_accent);
}

a:hover,
a:active {
outline: 0;
}
a:focus > img,
figure a:focus {
/*   outline: thin dotted; */
}

/* Ordered & Unordered Lists */
ol ol,
ol ul,
ul ol,
ul ul {
margin: 0;
}

ul,
ol {
margin: 0 0 1.5em;
}
li > ul,
li > ol {
padding-top: 10px;
}
ul,
li > ul {
padding-left: 1.5rem;
}
ol,
li > ol {
padding-left: 2rem;
}

ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ul ul {
list-style-type: circle;
}

li {
line-height: 1.6;
padding-bottom: 10px;
}
ul > li:last-child,
ol > li:last-child {
padding-bottom: 0;
}

ul ul ul {
list-style-type: square;
}
ol ol {
list-style: lower-alpha;
}
ol ol ol {
list-style: lower-roman;
}

/* ul {
list-style: none;
padding: 0;
margin: 0;
}

ul li {
display: inline-block;
margin-bottom: 15px;
}

ul li::marker {
content: none;
} */

/* Definition Lists */
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
margin: 0;
}

/* Tables  */
table {
border-collapse: collapse;
border-spacing: 0;
clear: both;
margin: 0 0 1rem;
width: 100%;
}
table td,
table th {
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 0.5em;
text-align: center;
}
thead th,
tbody th {
font-weight: var(--fontweight_body);
}

th a:hover,
td a:hover {
text-decoration: underline;
}
th > a:only-child:not(:focus),
td > a:only-child:not(:focus) {
text-decoration: none;
}

/* Embedded Content & Images */

/*
* Change the alignment on media elements in all browsers (opinionated).
*/

audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}

/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}

/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}

/**
* Remove the border on iframes in all browsers (opinionated).
*/
iframe {
border-style: none;
}

/**
* Remove the border on images within links in IE 10-.
*/
img {
border-style: none;
}

/**
* Change the fill color to match the text color in all browsers (opinionated).
*/
svg:not([fill]) {
fill: currentColor;
}

/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}

figure {
margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

img {
height: auto;
max-width: 100%;
}
a img {
border: 0;
}

/* @supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and
(not (-ms-ime-align: auto)) and (not (-moz-appearance: none)) {
img {
image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
}
} */

embed,
iframe,
object,
video {
max-width: 100%;
}

/* Interactive, Scripting & User Interaction */

main,
details {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}

/*
* Add the correct styles in Edge 18-, IE, and Safari.
*/

dialog {
background-color: white;
border: solid;
color: black;
display: block;
height: -moz-fit-content;
height: -webkit-fit-content;
height: fit-content;
left: 0;
margin: auto;
padding: 1em;
position: absolute;
right: 0;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
-ms-touch-action: manipulation; /* 1 */
touch-action: manipulation; /* 2 */
}

template,
dialog:not([open]),
[hidden] {
display: none;
}
.hidden {
display: none !important;
}

/* Accessibility */

/**
* Change the cursor on busy elements in all browsers (opinionated).
*/
[aria-busy="true"] {
cursor: progress;
}

/*
* Change the cursor on control elements in all browsers (opinionated).
*/
button,
select,
summary,
[type="radio"],
[type="submit"],
[type="checkbox"],
[aria-controls] {
cursor: pointer;
}

/*
* Change the cursor on disabled, not-editable, or otherwise
* inoperable elements in all browsers (opinionated).
*/
[aria-disabled="true"],
[disabled] {
cursor: not-allowed;
}

/*
* Change the display on visually hidden accessible elements
* in all browsers (opinionated).
*/
[aria-hidden="false"][hidden] {
display: initial;
}
[aria-hidden="false"][hidden]:not(:focus) {
clip: rect(0, 0, 0, 0);
position: absolute;
}

/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}

:focus:not(:focus-visible) {
outline: none;
}

/* Form Inputs & Buttons */

/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/

button,
input,
textarea,
select,
optgroup {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
margin: 0; /* 2 */
transition: var(--site_transition);
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/

.button.arrow svg {
margin-left: 15px;
top: -2px;
position: relative;
}
.button svg, button svg { width:1em; height:1em; }
button,
input {
/* 1 */
overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/

button,
select {
/* 1 */
text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/

fieldset {
padding: 0.35em 0.75em 0.625em;

border: 1px solid;
padding: 15px;
margin: 0 0 20px;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*		`fieldset` elements in all browsers.
*/

legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */

font-weight: bold;
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/

progress {
display: inline-block;
vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/

textarea {
overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/

[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
opacity: 1;
-webkit-appearance: "Always Show Up/Down Arrows";
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/

[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/

[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}

/* Input fields */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="month"],
input[type="week"],
input[type="date"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input.text,
textarea {
background-color: transparent;
border-color: #ddd;
border-style: solid;
border-width: 1px;
display: block;
font-size: var(--fontsize_body);
font-family: var(--typo_body);
font-size: var(--fontsize_body);
font-weight: var(--fontweight_body);
margin: 0;
padding: var(--input_padding);
width: 100%;
-webkit-appearance: none;
appearance: none;
-webkit-border-radius: var(--border_radius);
border-radius: var(--border_radius);
}

textarea {
height: 115px;
overflow: auto;
resize: none;
}

select {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg 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" viewBox="0 0 122.88 66.91" style="enable-background:new 0 0 122.88 66.91" xml:space="preserve"><g><path d="M11.68,1.95C8.95-0.7,4.6-0.64,1.95,2.08c-2.65,2.72-2.59,7.08,0.13,9.73l54.79,53.13l4.8-4.93l-4.8,4.95 c2.74,2.65,7.1,2.58,9.75-0.15c0.08-0.08,0.15-0.16,0.22-0.24l53.95-52.76c2.73-2.65,2.79-7.01,0.14-9.73 c-2.65-2.72-7.01-2.79-9.73-0.13L61.65,50.41L11.68,1.95L11.68,1.95z"/></g></svg>');
background-repeat: no-repeat;
background-position: 95% center;
background-size: 10px;
border:none;
cursor: pointer;
font-family: var(--typo_body);
font-size: var(--fontsize_body);
font-weight: var(--fontweight_body);
outline: none;
padding: 0px 15px 0px 0px;
text-align: left !important;
text-indent: 0.01px;
text-transform: none;
width: 100%;
-webkit-appearance: none;
appearance: none;
-webkit-border-radius: var(--border_radius);
border-radius: var(--border_radius);
}

/* Input Placeholder Styles */
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: inherit;
opacity: 0.55;
}
::-moz-placeholder {
/* Firefox 19+ */
color: inherit;
opacity: 0.55;
}
:-ms-input-placeholder {
/* IE 10+ */
color: inherit;
opacity: 0.55;
}
:-moz-placeholder {
/* Firefox 18- */
color: inherit;
opacity: 0.55;
}

/* Button Styles */
input[type="submit"],
input[type="button"],
input[type="reset"],
button[type="submit"],
button[type="button"],
*[role="button"],
button,
.button,
.btn,
.theme-button {  
text-transform: uppercase;
cursor: pointer;
line-height:normal;
height: auto;
border: none;
display: inline-block;
float: none;
font-style: normal;
font-weight: bold;
letter-spacing: 0;
margin: 10px 0 0;
outline: none;
text-decoration: none;
-webkit-appearance: none;
appearance: none;
padding: var(--button_padding);
transition: var(--site_transition);
-webkit-transition: var(--site_transition);
-moz-transition: var(--site_transition);
border-radius: var(--buttons-radius);
background: var(--color_button_bg);
color: var(--color_button);  
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button[type="submit"]:hover,
button[type="button"]:hover,
*[role="button"]:hover,
button:hover,
.button:hover,
.btn:hover,
.theme-button:hover {
color: var(--color_button_hover);
background: var(--color_button_bg_hover);
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border: 0;
padding: 0;
margin-top: -1px;
margin-bottom: -1px;
}

.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
box-shadow: none !important;
}

.btn-primary.disabled, .btn-primary:disabled {
background: var(--color_button_bg);
border-width: 0;
color: var(--color_button);
}

.btn-primary.disabled:focus, .btn-primary:disabled:focus,
.btn-primary.disabled:hover, .btn-primary:disabled:hover {
background: var(--color_button_bg_hover);
color: var(--color_button_hover);
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
width: 40px !important;
height: 40px;
text-align: center !important;
padding: 0 !important;
margin-top: 40px;
right: 10px !important;
top: 10px;
background-color: var(--color_button_bg);
opacity: 1;
border-radius: 50%;
}
[class^="spr-icon-"]:before, [class*=" spr-icon-"]:before { font-size: 100%;}
@media (max-width: 991px) {
input[type="submit"], input[type="button"], input[type="reset"], button[type="submit"], button[type="button"], *[role="button"], button, .button, .btn, .theme-button { 
font-size:16px;
}
}

/* component-form */
.field__input,
.select__select,
.customer .field input,
.customer select {
-webkit-appearance: none;
appearance: none;
background-color: rgb(var(--color-background));
color: rgb(var(--color-foreground));
font-size: 1.6rem;
width: 100%;
box-sizing: border-box;
transition: box-shadow .1s ease;
border-radius: var(--inputs-radius);
min-height: calc(var(--inputs-border-width) * 2);
min-width: calc(7rem + (var(--inputs-border-width) * 2));
position: relative;
border: 0;
}

.field:before,
.select:before,
.customer .field:before,
.customer select:before,
.localization-form__select:before {
pointer-events: none;
/* content: ''; */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: var(--inputs-radius-outset);
box-shadow: var(--inputs-shadow-horizontal-offset)
var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius)
rgba(var(--color-shadow), var(--inputs-shadow-opacity));
z-index: -1;
}

.field:after,
.select:after,
.customer .field:after,
.customer select:after,
.localization-form__select:after {
pointer-events: none;
/* content: ''; */
position: absolute;
top: var(--inputs-border-width);
right: var(--inputs-border-width);
bottom: var(--inputs-border-width);
left: var(--inputs-border-width);
border: 0.1rem solid transparent;
border-radius: var(--inputs-radius);
/* box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity)); */
transition: box-shadow .1s ease;
z-index: 1;
}

.select__select {
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
font-size: 1.6rem;
color: rgba(var(--color-foreground), 0.75);
}

.field:hover.field:after,
.select:hover.select:after,
.select__select:hover.select__select:after,
.customer .field:hover.field:after,
.customer select:hover.select:after,
.localization-form__select:hover.localization-form__select:after {
/* box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width))  rgba(var(--color-foreground), var(--inputs-border-opacity)); */
outline: 0;
border-radius: var(--inputs-radius);
}

.field__input:focus-visible,
.select__select:focus-visible,
.customer .field input:focus-visible,
.customer select:focus-visible,
.localization-form__select:focus-visible.localization-form__select:after {
/* box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) var(--ak-accent-color)); */
outline: 0;
border-radius: var(--inputs-radius);
}

.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after {
/* box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground)); */
outline: 0;
border-radius: var(--inputs-radius);
}

.localization-form__select:focus {
outline: 0;
box-shadow: none;
}

.text-area,
.select {
display: flex;
position: relative;
width: 100%;
}

/* Select */

.select .icon-caret,
.customer select + svg {
height: 0.6rem;
pointer-events: none;
position: absolute;
top: calc(50% - 0.2rem);
right: calc(var(--inputs-border-width) + 1.5rem);
}

.select__select,
.customer select {
cursor: pointer;
line-height: calc(1 + 0.6 / var(--font-body-scale));
padding: 0 calc(var(--inputs-border-width) + 3rem) 0 2rem;
margin: var(--inputs-border-width);
min-height:54px;
border: 1px solid var(--ak-border-color);
}

/* Field */
.field {
position: relative;
width: 100%;
display: flex;
transition: box-shadow .1s ease;
}

.customer .field {
display: flex;
}

.field--with-error {
flex-wrap: wrap;
}

.field__input,
.customer .field input {
flex-grow: 1;
text-align: left;
padding: 1.5rem;
margin: var(--inputs-border-width);
transition: box-shadow .1s ease;
border: 1px solid var(--ak-border-color);
}

.field__label,
.customer .field label {
font-size: 16px;
left: 15px;
top: 14px;
margin-bottom: 0;
pointer-events: none;
position: absolute;
transition: top .1s ease,
font-size .1s ease;
color: rgba(var(--color-foreground), 0.75);
letter-spacing: 0.1rem;
line-height: 1.5;
}

.field__input:focus ~ .field__label,
.field__input:not(:placeholder-shown) ~ .field__label,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:focus ~ label,
.customer .field input:not(:placeholder-shown) ~ label,
.customer .field input:-webkit-autofill ~ label {
font-size: 12px;
top:5px;
left: 15px;
letter-spacing: 0.04rem;
}

.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill,
.customer .field input:focus,
.customer .field input:not(:placeholder-shown),
.customer .field input:-webkit-autofill {
/* padding: 2.2rem 1.5rem 0.8rem 2rem; */
/* margin: var(--inputs-border-width); */
}

.field__input::-webkit-search-cancel-button,
.customer .field input::-webkit-search-cancel-button {
display: none;
}

.field__input::placeholder,
.customer .field input::placeholder {
opacity: 0;
}

.field__button {
align-items: center;
background-color: transparent;
border: 0;
color: currentColor;
cursor: pointer;
display: flex;
height: 4.4rem;
justify-content: center;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 4.4rem;
}

.field__button > svg {
height: 2.5rem;
width: 2.5rem;
}

.field__input:-webkit-autofill ~ .field__button,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:-webkit-autofill ~ label {
color: rgb(0, 0, 0);
}

/* Text area */

.text-area {
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
min-height: 15rem;
resize: none;
border: none;
}
.text-area+.form__label{
color: var(--color_text);
font-weight: normal;
}
input[type="checkbox"] {
display: inline-block;
width: auto;
margin-right: 0.5rem;
}

/* Form global */

.form__label {
display: block;
margin-bottom: 0.6rem;
color:var(--color_primary);
font-weight: var(--font-body-weight-bold);
}

.form__message {
align-items: center;
display: flex;
font-size: 1.4rem;
line-height: 1;
margin-top: 1rem;
}

.form__message--large {
font-size: 1.6rem;
}

.customer .field .form__message {
font-size: 1.4rem;
text-align: left;
}

.form__message .icon,
.customer .form__message svg {
flex-shrink: 0;
height: 1.3rem;
margin-right: 0.5rem;
width: 1.3rem;
}

.form__message--large .icon,
.customer .form__message svg {
height: 1.5rem;
width: 1.5rem;
margin-right: 1rem;
}

.customer .field .form__message svg {
align-self: start;
}

.form-status {
margin: 0;
font-size: 1.6rem;
}

.form-status-list {
padding: 0;
margin: 2rem 0 4rem;
}

.form-status-list li {
list-style-position: inside;
}

.form-status-list .link::first-letter {
text-transform: capitalize;
}


/**/
.icon-list {margin-top: 0px;}
.icon-list ul{padding: 0px;} 
.icon-list ul.icon-list-items li h3 {font-size: 18px;margin: 0 0 10px;}
.image-wrp {display: flex;align-items: center;justify-content: center;}

.demo-visual {max-width: 500px;width:100%;background: white;border-radius: 20px;padding: 40px;box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);}

.upload-demo {margin: 0;border: 3px dashed #f39c12;border-radius: 15px;padding: 40px 20px;text-align: center;background: linear-gradient(45deg, #fff7e6, #fff);transition: all 0.3s ease;cursor: pointer;}

.upload-demo:hover {border-color: #e67e22;transform: scale(1.02);}

.security-badges {display: grid;grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));gap: 20px;margin-top: 30px;}

.security-badge {background: white;padding: 20px;border-radius: 15px;text-align: center;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);border: 2px solid #27ae60;}

.popup-mockup {background: #f8f9fa;border-radius: 15px;padding: 30px;border: 2px solid #3785ff;}

.popup-header-mock {
background: linear-gradient(135deg, #002D73, #3785FF);color: white;padding: 20px;border-radius: 10px;margin-bottom: 20px;text-align: center;}
.popup-form-mock { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.form-field-mock {background: white;padding: 12px;border-radius: 8px;border: 2px solid #e9ecef;font-size: 0.9em;color: #666;}
.lens-container-collapsed ul.form-stepper-horizontal li { flex: 1 1 auto; padding: 0;}

table td, table th { border: none}
.popup .popup__content .selection-button-wrapper button { margin: 0; margin: 0; background: none; color: initial; }

.lens-container-collapsed .review-table-ak #review-prescription-option-val-right { border: none; }
.lens-container-collapsed .review-table-ak #review-prescription-option-val-right table td,
.lens-container-collapsed .review-table-ak #review-prescription-option-val-right table th { border: 1px solid #ddd; width: initial !important}
  .akeans-upload-wrapper .form-check input[type="checkbox"] { top: 0px; }