:root {
    --syk-x-checkbox-size: 20px;
    /*--syk-x-button-border-radius: var(--syk-x-input-border-radius);*/
    /*    --syk-x-h1-font-size-desktop: 32px;*/
    /*    --syk-x-h1-font-size-mobile: 22px;*/
    /*    --syk-x-h2-font-size-desktop: 24px;*/
    /*    --syk-x-h2-font-size-mobile: 18px;*/
    /*    --syk-x-h3-font-size-desktop: 21px;*/
    /*    --syk-x-h3-font-size-mobile: 17px;*/
    /*    --syk-x-h4-font-size-desktop: 18px;*/
    /*    --syk-x-h4-font-size-mobile: 15px;*/
    /*    --syk-x-h5-font-size-desktop: 16px;*/
    /*    --syk-x-h5-font-size-mobile: 13px;*/
    /*    --syk-x-h6-font-size-desktop: 16px;*/
    /*    --syk-x-h6-font-size-mobile: 13px;*/
    /*    --syk-x-button-font-size-desktop: 14px;*/
    /*    --syk-x-button-font-size-mobile: 14px;*/
    /*    --syk-x-body-color: var(--syk-x-scheme-dark);*/
    /*    --syk-x-input-border-radius: 4px;*/
    /*    --syk-x-button-font-weight: 600;*/
    /*    --syk-x-button-height: 45px;*/
    /*    --syk-x-button-padding-y: 10px;*/
    /*    --syk-x-button-padding-x: 36px;*/
    /*    --syk-x-regular-button-border-color: #000000;*/
    /*    --syk-x-regular-button-color: #ffffff;*/
    /*    --syk-x-regular-button-bg: #000000;*/
    /*    --syk-x-cta-button-border-color: #000000;*/
    /*    --syk-x-cta-button-color: #ffffff;*/
    /*    --syk-x-cta-button-bg: #000000;*/
    /*    --syk-x-heading-font: -apple-system, 'system-ui', 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', sans-serif,*/
    /*        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';*/
    /*    --syk-x-heading-font-weight: 700;*/
    /*    --syk-x-heading-color: #000000;*/

    /*    --syk-x-border-radius: 4px;*/
    /*    --syk-x-body-font: -apple-system, 'system-ui', 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', sans-serif,*/
    /*        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';*/
    /*    --syk-x-body-font-weight: 400;*/
    /*    --syk-x-input-color: var(--syk-x-scheme-dark);*/
    /*    --syk-x-input-bg: #ffffff;*/
    /*    --syk-x-input-border-color: #ececec;*/
    /*    --syk-x-input-padding-y: 10px;*/
    /*    --syk-x-input-padding-x: 10px;*/
    /*    --syk-x-input-valid-bg: #f1fbf3;*/
    /*    --syk-x-input-disabled-bg: #ebeced;*/
    /*    --syk-x-input-disabled-color: var(--syk-x-scheme-dark);*/
    /*    --syk-x-negatives-color: red;*/
    /*    --syk-x-positives-color: green;*/

    /*    --syk-x-color-success: #64cd82;*/
    /*    --syk-x-color-critical: #d44c45;*/

    /*    --syk-x-line-height: 1.3;*/
    /*    --syk-x-body-weight: 400;*/
    /*    --syk-x-body-font-size-mobile: 14px;*/

    /*    --syk-x-headings-font: 'Neue Haas Unica', sans-serif;*/
    /*    --syk-x-headings-text-transform: none;*/
    /*    --syk-x-headings-weight: 600;*/

    /*    --syk-x-body-font-size-desktop: 14px;*/
}

.syk-x-button,
.syk-x-cta-button,
.syk-x-buy-button {
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    font-size: var(--syk-x-button-font-size-mobile) !important;
    font-weight: var(--syk-x-button-font-weight) !important;
    border-radius: var(--syk-x-button-border-radius) !important;
    padding: var(--syk-x-button-padding-y) var(--syk-x-button-padding-x) !important;
    min-width: unset;
    width: unset;

    border: var(--syk-x-button-border-width, 1px) solid var(--syk-x-button-border) !important;
    color: var(--syk-x-button-color) !important;
    background-color: var(--syk-x-button-bg) !important;
    box-shadow: var(--syk-x-button-shadow, none) !important;
    gap: 4px;
}

.syk-x-button {
    --syk-x-button-border: var(--syk-x-regular-button-border-color);
    --syk-x-button-color: var(--syk-x-regular-button-color);
    --syk-x-button-bg: var(--syk-x-regular-button-bg);
}

.syk-x-cta-button {
    --syk-x-button-border: var(--syk-x-cta-button-border-color);
    --syk-x-button-color: var(--syk-x-cta-button-color);
    --syk-x-button-bg: var(--syk-x-cta-button-bg);
}

.syk-x-buy-button {
    --syk-x-button-border: var(--syk-x-buy-button-border-color);
    --syk-x-button-color: var(--syk-x-buy-button-color);
    --syk-x-button-bg: var(--syk-x-buy-button-bg);
}

.syk-x-button-style-fill-shadow .syk-x-button,
.syk-x-button-style-fill-shadow .syk-x-cta-button,
.syk-x-button-style-fill-shadow .syk-x-buy-button {
    --syk-x-button-shadow: inset 2px -2px 0 0 rgba(0, 0, 0, 0.1);
}

.syk-x-button-style-outline .syk-x-button,
.syk-x-button-style-outline .syk-x-cta-button,
.syk-x-button-style-outline .syk-x-buy-button {
    border-color: var(--syk-x-button-bg) !important;
    color: var(--syk-x-button-bg) !important;
    background: transparent !important;
}
.syk-x-button-style-outline .syk-x-button:not(.syk-x-button-processing):hover,
.syk-x-button-style-outline .syk-x-cta-button:not(.syk-x-button-processing):hover,
.syk-x-button-style-outline .syk-x-buy-button:not(.syk-x-button-processing):hover {
    border-color: var(--syk-x-button-bg) !important;
    color: var(--syk-x-button-color) !important;
    background: var(--syk-x-button-bg) !important;
}
.syk-x-button-style-outline .syk-x-button:not(.syk-x-button-processing):hover:before,
.syk-x-button-style-outline .syk-x-cta-button:not(.syk-x-button-processing):hover:before,
.syk-x-button-style-outline .syk-x-buy-button:not(.syk-x-button-processing):hover:before {
    opacity: 0 !important;
}

.syk-x-button.full-width,
.syk-x-cta-button.full-width,
.syk-x-buy-button.full-width {
    display: flex;
    width: 100%;
}

.syk-x-form-label {
    display: block;
    font-size: 0.875em;
    font-family: inherit;
    font-weight: var(--syk-x-heading-font-weight) !important;
    color: var(--text) !important;
}

.syk-x-form-label-required::after {
    content: '*';
    color: var(--required, var(--syk-x-color-critical));
}

.syk-x-form-input-wrapper {
    position: relative;
}

.syk-x-form-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: var(--syk-x-input-padding-x);
    background: var(--syk-x-color-icons);
    z-index: 10;
    width: 20px;
    height: 20px;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.syk-x-form-input {
    display: block;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    position: relative;
    border-radius: var(--syk-x-input-border-radius) !important;
    font-family: inherit;
    font-weight: var(--syk-x-body-font-weight) !important;
    color: var(--syk-x-input-color) !important;
    background-color: var(--syk-x-scheme-lightest) !important;
    border: 1px solid var(--border, rgba(var(--syk-x-scheme-darkest-rgb), 0.1)) !important;
    padding: var(--syk-x-input-padding-y) var(--syk-x-input-padding-x) !important;
    height: unset;
    font-size: var(--syk-x-body-font-size-mobile) !important;
    background-size: cover !important;
    background-repeat: inherit !important;
    --scroll: rgba(var(--syk-x-scheme-darkest-rgb), 0.3) !important;
    --scrollhover: rgba(var(--syk-x-scheme-darkest-rgb), 0.5) !important;
}

.syk-x-form-input-icon + .syk-x-form-input {
    padding-right: calc(20px + (var(--syk-x-input-padding-x) * 2)) !important;
}

.syk-x-form-invalid .syk-x-form-input {
    border-color: var(--syk-x-color-critical) !important;
    background-image: linear-gradient(to right, rgba(var(--syk-x-color-critical-rgb), 0.1), rgba(var(--syk-x-color-critical-rgb), 0.1)), linear-gradient(to right, #fff, #fff);
}
.syk-x-form-invalid .syk-x-form-input:focus {
    border-color: var(--syk-x-color-critical) !important;
}
.syk-x-form-invalid .syk-x-form-input-icon {
    background-color: var(--syk-x-color-critical);
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill-rule='evenodd' d='M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z' clip-rule='evenodd' /></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill-rule='evenodd' d='M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z' clip-rule='evenodd' /></svg>");
    display: block !important;
}
.syk-x-form-valid .syk-x-form-input {
    background-image: linear-gradient(to right, rgba(var(--syk-x-color-success-rgb), 0.1), rgba(var(--syk-x-color-success-rgb), 0.1)), linear-gradient(to right, #fff, #fff);
}
.syk-x-form-valid .syk-x-form-input:focus {
    border-color: var(--syk-x-color-success) !important;
}
.syk-x-form-checkbox input:checked ~ label:after,
.syk-x-form-valid .syk-x-form-input-icon {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fillRule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clipRule='evenodd' /></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fillRule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clipRule='evenodd' /></svg>");
}
.syk-x-form-valid .syk-x-form-input-icon {
    background-color: var(--syk-x-color-success);
    display: block !important;
}

.syk-x-form-input:focus {
    border-color: var(--syk-x-scheme-accent) !important;
    outline: none !important;
    box-shadow: none !important;
}
.syk-x-form-input:disabled {
    background-image: linear-gradient(to right, rgba(var(--syk-x-scheme-darkest-rgb), 0.1), rgba(var(--syk-x-scheme-darkest-rgb), 0.1)), linear-gradient(to right, #fff, #fff);
    color: var(--syk-x-input-disabled-color) !important;
}

.syk-x-form-checkbox,
.syk-x-form-radio {
    position: relative;
}
.syk-x-form-checkbox input,
.syk-x-form-radio input {
    visibility: hidden;
    position: absolute;
}
.syk-x-form-checkbox label,
.syk-x-form-radio label {
    position: relative;
    padding-left: var(--syk-x-checkbox-size);
    display: flex;
    align-items: center;
    cursor: pointer;
    min-height: var(--syk-x-checkbox-size);
}
.syk-x-form-checkbox label:before {
    content: '';
    position: absolute;
    background-color: transparent;
    background-color: var(--inputbg);
    border: 1px solid var(--border, rgba(var(--syk-x-scheme-darkest-rgb), 0.1));
    width: var(--syk-x-checkbox-size);
    height: var(--syk-x-checkbox-size);
    border-radius: var(--syk-x-input-border-radius);
    left: 0;
}
.syk-x-form-checkbox input:checked ~ label:before {
    border-color: transparent;
    background: var(--inputcheckedbg, var(--syk-x-checkbox-radio-bg));
    background-origin: border-box;
}
.syk-x-form-checkbox input:checked ~ label:after {
    content: '';
    -webkit-mask-size: 80%;
    mask-size: 80%;
    -webkit-mask-position: center;
    mask-position: center;
    width: var(--syk-x-checkbox-size);
    height: var(--syk-x-checkbox-size);
    position: absolute;
    top: 0;
    left: 0;
    background: var(--inputcheckedcheck, var(--syk-x-checkbox-radio-color));
}
.syk-x-form-checkbox label span {
    margin-left: 10px;
}

.syk-x-form-error {
    font-size: 0.875em !important;
    margin-top: 0.5rem !important;
    color: var(--required, var(--syk-x-color-critical)) !important;
    font-family: inherit;
    line-height: 1 !important;
}

.syk-x-success-text {
    color: var(--successtext, var(--syk-x-color-success));
}

.syk-x-form-label + .syk-x-form-input,
.syk-x-form-label + .syk-x-form-input-wrapper {
    margin-top: 0.25rem;
}

.syk-x-tax-text {
    font-weight: 400;
    font-size: calc(var(--syk-x-body-font-size-mobile) - 2px);
    margin-left: 5px;
}

@media only screen and (min-width: 768px) {
    .syk-x-button,
    .syk-x-cta-button,
    .syk-x-buy-button {
        font-size: var(--syk-x-button-font-size-desktop) !important;
    }
    .syk-x-form-input {
        font-size: var(--syk-x-body-font-size-desktop) !important;
    }

    .syk-x-tax-text {
        font-size: calc(var(--syk-x-body-font-size-desktop) - 2px);
    }
}
[min-width*='768'] .syk-x-button,
[min-width*='768'] .syk-x-cta-button,
[min-width*='768'] .syk-x-buy-button {
    font-size: var(--syk-x-button-font-size-desktop) !important;
}

/* added connie; global styles */
.syk-x-button,
.syk-x-cta-button,
.syk-x-buy-button {
    text-decoration: none;
    line-height: var(--syk-x-line-height) !important;
    text-align: center !important;
    z-index: 1;
}
.syk-x-button i,
.syk-x-cta-button i,
.syk-x-buy-button i {
    -webkit-mask-position: center;
    mask-position: center;
    margin-left: 0;
    top: 0;
}
.syk-x-button i:not([data-syk-x-icon*='cart']) {
    -webkit-mask-size: auto;
}
.syk-x-button:hover,
.syk-x-cta-button:hover,
.syk-x-buy-button:hover {
    box-shadow: none !important;
}
.syk-x-button:before,
.syk-x-cta-button:before,
.syk-x-buy-button:before {
    content: '' !important;
    display: block !important;
    background: rgb(0 0 0 / 10%) !important;
    position: absolute !important;
    top: -1px !important;
    left: -1px !important;
    width: calc(100% + 2px) !important;
    height: calc(100% + 2px) !important;
    box-shadow: none !important;
    border: 0 !important;
    z-index: -50;
    border-radius: var(--syk-x-button-border-radius) !important;
    opacity: 0;
    transition: ease-in 0.2s;
}
.syk-x-button:not(.syk-x-button-processing):hover:before,
.syk-x-cta-button:not(.syk-x-button-processing):hover:before,
.syk-x-buy-button:not(.syk-x-button-processing):hover:before {
    opacity: 1;
}
.syk-x-button.syk-x-disabled,
.syk-x-cta-button.syk-x-disabled,
.syk-x-buy-button.syk-x-disabled {
    opacity: 0.2;
    pointer-events: none;
}
.syk-x-overlay:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--bg) !important;
    border-radius: var(--syk-x-border-radius) !important;
}
.syk-x p {
    line-height: var(--syk-x-line-height) !important;
    color: var(--syk-x-body-color);
    font-family: inherit;
    font-weight: var(--syk-x-body-font-weight) !important;
    font-size: var(--syk-x-body-font-size-mobile) !important;
}
.syk-x-h1,
.syk-x-h2,
.syk-x-h3,
.syk-x-h4,
.syk-x-h5,
.syk-x-h6,
.syk-x-heading-xl,
.syk-x-heading-l,
.syk-x-heading-m,
.syk-x-heading-s {
    line-height: 1.3 !important;
    text-transform: var(--syk-x-heading-text-transform) !important;
    font-weight: var(--syk-x-heading-font-weight) !important;
    color: var(--heading, var(--syk-x-heading-color)) !important;
    margin: 0 !important;
    letter-spacing: 0;
    word-break: keep-all;
}
.syk-x-h1 {
    font-size: var(--syk-x-h1-font-size-mobile) !important;
}
.syk-x-h2 {
    font-size: var(--syk-x-h2-font-size-mobile) !important;
}
.syk-x-h3 {
    font-size: var(--syk-x-h3-font-size-mobile) !important;
}
.syk-x-h4 {
    font-size: var(--syk-x-h4-font-size-mobile) !important;
}
.syk-x-h5 {
    font-size: var(--syk-x-h5-font-size-mobile) !important;
}
.syk-x-h6 {
    font-size: var(--syk-x-h6-font-size-mobile) !important;
}
.syk-x-heading-xl {
    font-size: var(--syk-x-heading-xl-font-size-mobile) !important;
}
.syk-x-heading-l {
    font-size: var(--syk-x-heading-l-font-size-mobile) !important;
}
.syk-x-heading-m {
    font-size: var(--syk-x-heading-m-font-size-mobile) !important;
}
.syk-x-heading-s {
    font-size: var(--syk-x-heading-s-font-size-mobile) !important;
}
@media only screen and (min-width: 768px) {
    .syk-x p {
        font-size: var(--syk-x-body-font-size-desktop) !important;
    }
    .syk-x-h1 {
        font-size: var(--syk-x-h1-font-size-desktop) !important;
    }
    .syk-x-h2 {
        font-size: var(--syk-x-h2-font-size-desktop) !important;
    }
    .syk-x-h3 {
        font-size: var(--syk-x-h3-font-size-desktop) !important;
    }
    .syk-x-h4 {
        font-size: var(--syk-x-h4-font-size-desktop) !important;
    }
    .syk-x-h5 {
        font-size: var(--syk-x-h5-font-size-desktop) !important;
    }
    .syk-x-h6 {
        font-size: var(--syk-x-h6-font-size-desktop) !important;
    }
    .syk-x-heading-xl {
        font-size: var(--syk-x-heading-xl-font-size-desktop) !important;
    }
    .syk-x-heading-l {
        font-size: var(--syk-x-heading-l-font-size-desktop) !important;
    }
    .syk-x-heading-m {
        font-size: var(--syk-x-heading-m-font-size-desktop) !important;
    }
    .syk-x-heading-s {
        font-size: var(--syk-x-heading-s-font-size-desktop) !important;
    }
}
[min-width*='768'] .syk-x p {
    font-size: var(--syk-x-body-font-size-desktop) !important;
}
[min-width*='768'] .syk-x-h1 {
    font-size: var(--syk-x-h1-font-size-desktop) !important;
}
[min-width*='768'] .syk-x-h2 {
    font-size: var(--syk-x-h2-font-size-desktop) !important;
}
[min-width*='768'] .syk-x-h3 {
    font-size: var(--syk-x-h3-font-size-desktop) !important;
}
[min-width*='768'] .syk-x-h4 {
    font-size: var(--syk-x-h4-font-size-desktop) !important;
}
[min-width*='768'] .syk-x-h5 {
    font-size: var(--syk-x-h5-font-size-desktop) !important;
}
[min-width*='768'] .syk-x-h6 {
    font-size: var(--syk-x-h6-font-size-desktop) !important;
}
[min-width*='768'] .syk-x-heading-xl {
    font-size: var(--syk-x-heading-xl-font-size-desktop) !important;
}
[min-width*='768'] .syk-x-heading-l {
    font-size: var(--syk-x-heading-l-font-size-desktop) !important;
}
[min-width*='768'] .syk-x-heading-m {
    font-size: var(--syk-x-heading-m-font-size-desktop) !important;
}
[min-width*='768'] .syk-x-heading-s {
    font-size: var(--syk-x-heading-s-font-size-desktop) !important;
}

.placeholder-svg {
    height: 100%;
    width: 100%;
    fill: hsla(0, 0%, 52%, 0.35);
    background-color: hsla(0, 0%, 52%, 0.1);
    -o-object-fit: contain;
    object-fit: contain;
}

.syk-x-hide {
    display: none !important;
}
.syk-x-placeholder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    --margin: 1rem;
    --multiplier: calc(40rem - 100%);
    font-size: 0 !important;
    color: #dddddd !important;
    overflow: hidden;
    position: relative;
}
.syk-x-placeholder.bg {
    background-color: #8585851a;
    padding: calc(30px + (var(--margin) * -1));
}
.syk-x-placeholder > * {
    min-width: calc(33.33% - (var(--margin) * 2));
    max-width: 100%;
    flex-grow: 1;
    flex-basis: calc(var(--multiplier) * 999);
    margin: var(--margin);
}
.syk-x-placeholder .faux-image-wrapper {
    margin-bottom: 10px;
    position: relative;
    height: 200px;
}
.syk-x-placeholder .faux-image,
.syk-x-placeholder .faux-text,
.syk-x-placeholder .faux-button {
    background: #dddddd;
    border-radius: var(--syk-x-border-radius);
    margin-bottom: 5px;
}
.syk-x-placeholder .faux-image {
    height: 100%;
    position: absolute;
    margin-bottom: 0;
    width: 100%;
}
.syk-x-placeholder .faux-text {
    height: 20px;
    margin-bottom: 5px;
}
.syk-x-placeholder .faux-button {
    height: 47px;
    max-width: 200px;
}
.syk-x-placeholder .faux-text.short {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.syk-x-placeholder::before {
    content: '';
    position: absolute;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    width: 100%;
    z-index: 1;
    animation: syk-x-shimmer 1s infinite;
}

[data-syk-x-icon*='chevron'] {
    -webkit-mask-position: center !important;
    mask-position: center !important;
    width: 12px;
}

@keyframes syk-x-shimmer {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

/* */

/* color schemes*/
[class*='syk-x-scheme-'] {
    --inputbg: var(--syk-x-scheme-lightest) !important;
    --inputborder: var(--border) !important;
    --inputcheckedhover: var(--syk-x-checkbox-radio-bg) !important;
    --inputcheckedbg: var(--syk-x-checkbox-radio-bg) !important;
    --inputcheckedcheck: var(--syk-x-checkbox-radio-color) !important;
    --closeicon: var(--syk-x-color-icons);
}
.syk-x-scheme-lightest {
    --bg: var(--syk-x-scheme-lightest) !important;
    --heading: var(--syk-x-scheme-darkest) !important;
    --text: var(--syk-x-scheme-dark) !important;
    --link: var(--syk-x-scheme-accent) !important;
    --border: rgba(var(--syk-x-scheme-darkest-rgb), 0.1) !important;
    --buttonborder: var(--bg) !important;
    --saleprice: var(--syk-x-color-price-sale) !important;
    --scroll: rgba(var(--syk-x-scheme-darkest-rgb), 0.3) !important;
    --scrollhover: rgba(var(--syk-x-scheme-darkest-rgb), 0.5) !important;
}
.syk-x-scheme-darkest {
    --bg: var(--syk-x-scheme-darkest) !important;
    --heading: var(--syk-x-scheme-lightest) !important;
    --text: var(--syk-x-scheme-lightest) !important;
    --link: var(--syk-x-scheme-lightest) !important;
    --border: rgba(var(--syk-x-scheme-lightest-rgb), 0.1) !important;
    --buttonborder: var(--bg) !important;
    --saleprice: var(--text) !important;
    --scroll: rgba(var(--syk-x-scheme-lightest-rgb), 0.3) !important;
    --scrollhover: rgba(var(--syk-x-scheme-lightest-rgb), 0.5) !important;
    --closeicon: var(--syk-x-scheme-lightest);
    --required: var(--syk-x-scheme-lightest);
}
.syk-x-scheme-light {
    --bg: var(--syk-x-scheme-light) !important;
    --heading: var(--syk-x-scheme-darkest) !important;
    --text: var(--syk-x-scheme-dark) !important;
    --link: var(--syk-x-scheme-accent) !important;
    --border: rgba(var(--syk-x-scheme-darkest-rgb), 0.1) !important;
    --buttonborder: var(--bg) !important;
    --saleprice: var(--syk-x-color-price-sale) !important;
    --scroll: rgba(var(--syk-x-scheme-darkest-rgb), 0.3) !important;
    --scrollhover: rgba(var(--syk-x-scheme-darkest-rgb), 0.5) !important;
}
.syk-x-scheme-dark {
    --bg: var(--syk-x-scheme-dark) !important;
    --heading: var(--syk-x-scheme-lightest) !important;
    --text: var(--syk-x-scheme-lightest) !important;
    --link: var(--syk-x-scheme-lightest) !important;
    --border: rgba(var(--syk-x-scheme-lightest-rgb), 0.1) !important;
    --buttonborder: var(--bg) !important;
    --saleprice: var(--text) !important;
    --scroll: rgba(var(--syk-x-scheme-lightest-rgb), 0.3) !important;
    --scrollhover: rgba(var(--syk-x-scheme-lightest-rgb), 0.5) !important;
    --closeicon: var(--syk-x-scheme-lightest);
    --required: var(--syk-x-scheme-lightest);
}
.syk-x-scheme-accent {
    --bg: var(--syk-x-scheme-accent) !important;
    --heading: var(--syk-x-scheme-lightest) !important;
    --text: var(--syk-x-scheme-lightest) !important;
    --link: var(--syk-x-scheme-lightest) !important;
    --border: rgba(var(--syk-x-scheme-lightest-rgb), 0.1) !important;
    --buttonborder: var(--bg) !important;
    --saleprice: var(--text) !important;
    --inputcheckedhover: var(--syk-x-scheme-lightest) !important;
    --inputcheckedbg: var(--syk-x-scheme-lightest) !important;
    --inputcheckedcheck: var(--syk-x-scheme-accent) !important;
    --scroll: rgba(var(--syk-x-scheme-lightest-rgb), 0.3) !important;
    --scrollhover: rgba(var(--syk-x-scheme-lightest-rgb), 0.5) !important;
    --closeicon: var(--syk-x-scheme-lightest);
    --required: var(--syk-x-scheme-lightest);
    --successtext: var(--syk-x-scheme-lightest);
}
.syk-x-scheme-accent_light {
    --bg: var(--syk-x-scheme-accent_light) !important;
    --heading: var(--syk-x-scheme-darkest) !important;
    --text: var(--syk-x-scheme-dark) !important;
    --link: var(--syk-x-scheme-accent) !important;
    --border: rgba(var(--syk-x-scheme-darkest-rgb), 0.1) !important;
    --buttonborder: var(--bg) !important;
    --saleprice: var(--text) !important;
    --scroll: rgba(var(--syk-x-scheme-darkest-rgb), 0.3) !important;
    --scrollhover: rgba(var(--syk-x-scheme-darkest-rgb), 0.5) !important;
}
.syk-x-scheme-gradient_light {
    --bg: var(--syk-x-scheme-gradient_light) !important;
    --heading: var(--syk-x-scheme-darkest) !important;
    --text: var(--syk-x-scheme-dark) !important;
    --link: var(--syk-x-scheme-accent) !important;
    --border: rgba(var(--syk-x-scheme-darkest-rgb), 0.1) !important;
    --buttonborder: var(--bg) !important;
    --saleprice: var(--text) !important;
    --scroll: rgba(var(--syk-x-scheme-darkest-rgb), 0.3) !important;
    --scrollhover: rgba(var(--syk-x-scheme-darkest-rgb), 0.5) !important;
}
.syk-x-scheme-gradient_dark {
    --bg: var(--syk-x-scheme-gradient_dark) !important;
    --heading: var(--syk-x-scheme-lightest) !important;
    --text: var(--syk-x-scheme-lightest) !important;
    --link: var(--syk-x-scheme-lightest) !important;
    --border: rgba(var(--syk-x-scheme-lightest-rgb), 0.1) !important;
    --buttonborder: var(--bg) !important;
    --saleprice: var(--text) !important;
    --inputcheckedhover: var(--syk-x-scheme-lightest) !important;
    --inputcheckedbg: var(--syk-x-scheme-lightest) !important;
    --inputcheckedcheck: var(--syk-x-scheme-accent) !important;
    --scroll: rgba(var(--syk-x-scheme-lightest-rgb), 0.3) !important;
    --scrollhover: rgba(var(--syk-x-scheme-lightest-rgb), 0.5) !important;
    --closeicon: var(--syk-x-scheme-lightest);
    --required: var(--syk-x-scheme-lightest);
    --successtext: var(--syk-x-scheme-lightest);
}
.syk-x-scheme-primary_button {
    --bg: var(--syk-x-cta-button-bg) !important;
    --text: var(--syk-x-cta-button-color) !important;
    --buttonborder: var(--syk-x-cta-button-border-color) !important;
}
.syk-x-scheme-secondary_button {
    --bg: var(--syk-x-regular-button-bg) !important;
    --text: var(--syk-x-regular-button-color) !important;
    --buttonborder: var(--syk-x-regular-button-border-color) !important;
}
.syk-x-scheme-buy_button {
    --bg: var(--syk-x-buy-button-bg) !important;
    --text: var(--syk-x-buy-button-color) !important;
    --buttonborder: var(--syk-x-buy-button-border-color) !important;
}
.syk-x-text-scheme-lightest {
    --text: var(--syk-x-scheme-lightest) !important;
}
.syk-x-text-scheme-darkest {
    --text: var(--syk-x-scheme-darkest) !important;
}
.syk-x-text-scheme-light {
    --text: var(--syk-x-scheme-light) !important;
}
.syk-x-text-scheme-dark {
    --text: var(--syk-x-scheme-dark) !important;
}
.syk-x-text-scheme-accent {
    --text: var(--syk-x-scheme-accent) !important;
}
.syk-x-text-scheme-primary_button {
    --text: var(--syk-x-cta-button-bg) !important;
}
.syk-x-text-scheme-secondary_button {
    --text: var(--syk-x-regular-button-bg) !important;
}
.syk-x-text-scheme-buy_button {
    --text: var(--syk-x-buy-button-bg) !important;
}
[class*='syk-x-scheme-']:not(.syk-x-button, .syk-x-cta-button, .syk-x-buy-button) {
    background: var(--bg) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}
.syk-x-button[class*='syk-x-scheme-'],
.syk-x-button[class*='syk-x-scheme-']:hover,
.syk-x-cta-button[class*='syk-x-scheme-'],
.syk-x-cta-button[class*='syk-x-scheme-']:hover,
.syk-x-buy-button[class*='syk-x-scheme-'],
.syk-x-buy-button[class*='syk-x-scheme-']:hover {
    --syk-x-button-bg: var(--bg);
    --syk-x-button-color: var(--text);
    --syk-x-button-border: var(--buttonborder);
}
[class*='syk-x-text-scheme-'],
[class*='syk-x-text-scheme-'] p,
[class*='syk-x-text-scheme-'] label,
[class*='syk-x-text-scheme-'] h1,
[class*='syk-x-text-scheme-'] h2,
[class*='syk-x-text-scheme-'] h3,
[class*='syk-x-text-scheme-'] h4,
[class*='syk-x-text-scheme-'] h5,
[class*='syk-x-text-scheme-'] h6,
[class*='syk-x-scheme-'],
[class*='syk-x-scheme-'] p,
[class*='syk-x-scheme-'] h1,
[class*='syk-x-scheme-'] h2,
[class*='syk-x-scheme-'] h3,
[class*='syk-x-scheme-'] h4,
[class*='syk-x-scheme-'] h5,
[class*='syk-x-scheme-'] h6 {
    color: var(--text);
}

.syk-x-scrollbar::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}
.syk-x-scrollbar::-webkit-scrollbar-track {
    background: none;
}
.syk-x-scrollbar::-webkit-scrollbar-thumb {
    border-radius: var(--syk-x-banner-border-radius);
    border: 2px solid transparent;
}
.syk-x-scrollbar::-webkit-scrollbar-thumb {
    background: var(--scroll) padding-box;
}
.syk-x-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--scrollhover) padding-box;
}

.syk-product-variant-selector {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    width: 100%;
}
.syk-product-variant-selector .syk-product-option-label {
    font-weight: var(--syk-x-heading-font-weight);
    margin-bottom: 5px;
    width: 100%;
}
.syk-product-variant-selector .syk-product-variant-wrapper {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
}
.syk-product-variant-selector .syk-product-select-wrapper {
    border-radius: var(--syk-x-input-border-radius);
    position: relative;
    width: 100%;
}
.syk-product-variant-selector.syk-product-variant-wrapper-with-form .syk-product-select-wrapper {
    min-width: 1px;
}
.syk-product-variant-selector .syk-product-option-main {
    align-items: center;
    background: var(--bg);
    border: 1px solid var(--border, rgba(var(--syk-x-scheme-darkest-rgb), 0.1));
    border-radius: var(--syk-x-input-border-radius);
    color: var(--syk-x-input-color);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: var(--syk-x-input-padding-y) var(--syk-x-input-padding-x);
    white-space: nowrap;
}
.syk-product-variant-selector.syk-option-active .syk-product-option-main > svg {
    transform: rotate(180deg);
}
.syk-product-variant-selector .syk-product-option-main > span {
    overflow: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
}
.syk-product-variant-selector .syk-product-option-main i {
    color: var(--syk-x-color-icons);
    min-width: 12px;
    pointer-events: none;
    transition: 0.2s filter;
    width: 12px;
}
.syk-product-variant-selector .syk-product-option-main:hover i {
    filter: brightness(0.3);
}
.syk-product-variant-selector.syk-option-active .syk-product-option-main i {
    transform: rotate(180deg);
}
.syk-product-variant-selector .syk-product-options {
    background-color: var(--bg);
    border-radius: var(--syk-x-input-border-radius);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15);
    display: none;
    margin-top: 6px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 9999;
}
.syk-product-variant-selector .syk-product-options.syk-x-scrollbar {
    max-height: 200px;
    overflow-y: scroll;
}
.syk-product-variant-selector.syk-option-active .syk-product-options {
    display: block;
}
.syk-product-variant-selector .syk-product-options .syk-product-option {
    color: var(--syk-x-input-color);
    cursor: pointer;
    line-height: var(--syk-x-line-height);
    padding: var(--syk-x-input-padding-y) var(--syk-x-input-padding-x);
}
.syk-product-variant-selector .syk-product-options .syk-product-option:hover,
.syk-product-variant-selector .syk-product-options .syk-product-option.syk-option-selected {
    background-image: linear-gradient(to right, rgba(var(--syk-x-scheme-darkest-rgb), 0.1), rgba(var(--syk-x-scheme-darkest-rgb), 0.1)), linear-gradient(to right, #fff, #fff);
}

[data-syk-x-icon] {
    display: inline-block;
    background-color: currentColor;
    width: 1em;
    height: 1em;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    overflow: visible;
    box-sizing: content-box;
    vertical-align: -0.125em;
}
[data-syk-x-icon='alert filled'] {
    -webkit-mask-image: url(icon-alert-filled.svg);
    mask-image: url(icon-alert-filled.svg);
}
[data-syk-x-icon='alert outline'] {
    -webkit-mask-image: url(icon-alert-outline.svg);
    mask-image: url(icon-alert-outline.svg);
}
[data-syk-x-icon='at-sign filled'] {
    -webkit-mask-image: url(icon-at-sign-filled.svg);
    mask-image: url(icon-at-sign-filled.svg);
}
[data-syk-x-icon='at-sign outline'] {
    -webkit-mask-image: url(icon-at-sign-outline.svg);
    mask-image: url(icon-at-sign-outline.svg);
}
[data-syk-x-icon='award-gift filled'] {
    -webkit-mask-image: url(icon-award-gift-filled.svg);
    mask-image: url(icon-award-gift-filled.svg);
}
[data-syk-x-icon='award-gift outline'] {
    -webkit-mask-image: url(icon-award-gift-outline.svg);
    mask-image: url(icon-award-gift-outline.svg);
}
[data-syk-x-icon='bag filled'] {
    -webkit-mask-image: url(icon-bag-filled.svg);
    mask-image: url(icon-bag-filled.svg);
}
[data-syk-x-icon='bag outline'] {
    -webkit-mask-image: url(icon-bag-outline.svg);
    mask-image: url(icon-bag-outline.svg);
}
[data-syk-x-icon='basket filled'] {
    -webkit-mask-image: url(icon-basket-filled.svg);
    mask-image: url(icon-basket-filled.svg);
}
[data-syk-x-icon='basket outline'] {
    -webkit-mask-image: url(icon-basket-outline.svg);
    mask-image: url(icon-basket-outline.svg);
}
[data-syk-x-icon='beer filled'] {
    -webkit-mask-image: url(icon-beer-filled.svg);
    mask-image: url(icon-beer-filled.svg);
}
[data-syk-x-icon='beer outline'] {
    -webkit-mask-image: url(icon-beer-outline.svg);
    mask-image: url(icon-beer-outline.svg);
}
[data-syk-x-icon='bell filled'] {
    -webkit-mask-image: url(icon-bell-filled.svg);
    mask-image: url(icon-bell-filled.svg);
}
[data-syk-x-icon='bell outline'] {
    -webkit-mask-image: url(icon-bell-outline.svg);
    mask-image: url(icon-bell-outline.svg);
}
[data-syk-x-icon='bluetooth filled'] {
    -webkit-mask-image: url(icon-bluetooth-filled.svg);
    mask-image: url(icon-bluetooth-filled.svg);
}
[data-syk-x-icon='bluetooth outline'] {
    -webkit-mask-image: url(icon-bluetooth-outline.svg);
    mask-image: url(icon-bluetooth-outline.svg);
}
[data-syk-x-icon='box filled'] {
    -webkit-mask-image: url(icon-box-filled.svg);
    mask-image: url(icon-box-filled.svg);
}
[data-syk-x-icon='box outline'] {
    -webkit-mask-image: url(icon-box-outline.svg);
    mask-image: url(icon-box-outline.svg);
}
[data-syk-x-icon='burger filled'] {
    -webkit-mask-image: url(icon-burger-filled.svg);
    mask-image: url(icon-burger-filled.svg);
}
[data-syk-x-icon='burger outline'] {
    -webkit-mask-image: url(icon-burger-outline.svg);
    mask-image: url(icon-burger-outline.svg);
}
[data-syk-x-icon='calendar filled'] {
    -webkit-mask-image: url(icon-calendar-filled.svg);
    mask-image: url(icon-calendar-filled.svg);
}
[data-syk-x-icon='calendar outline'] {
    -webkit-mask-image: url(icon-calendar-outline.svg);
    mask-image: url(icon-calendar-outline.svg);
}
[data-syk-x-icon='camera filled'] {
    -webkit-mask-image: url(icon-camera-filled.svg);
    mask-image: url(icon-camera-filled.svg);
}
[data-syk-x-icon='camera outline'] {
    -webkit-mask-image: url(icon-camera-outline.svg);
    mask-image: url(icon-camera-outline.svg);
}
[data-syk-x-icon='cart filled'] {
    -webkit-mask-image: url(icon-cart-filled.svg);
    mask-image: url(icon-cart-filled.svg);
}
[data-syk-x-icon='cart outline'] {
    -webkit-mask-image: url(icon-cart-outline.svg);
    mask-image: url(icon-cart-outline.svg);
}
[data-syk-x-icon='chat filled'] {
    -webkit-mask-image: url(icon-chat-filled.svg);
    mask-image: url(icon-chat-filled.svg);
}
[data-syk-x-icon='chat outline'] {
    -webkit-mask-image: url(icon-chat-outline.svg);
    mask-image: url(icon-chat-outline.svg);
}
[data-syk-x-icon='chevron-left filled'] {
    -webkit-mask-image: url(icon-chevron-left-filled.svg);
    mask-image: url(icon-chevron-left-filled.svg);
}
[data-syk-x-icon='chevron-left outline'] {
    -webkit-mask-image: url(icon-chevron-left-outline.svg);
    mask-image: url(icon-chevron-left-outline.svg);
}
[data-syk-x-icon='chevron-right filled'] {
    -webkit-mask-image: url(icon-chevron-right-filled.svg);
    mask-image: url(icon-chevron-right-filled.svg);
}
[data-syk-x-icon='chevron-right outline'] {
    -webkit-mask-image: url(icon-chevron-right-outline.svg);
    mask-image: url(icon-chevron-right-outline.svg);
}
[data-syk-x-icon='chevron-up filled'] {
    -webkit-mask-image: url(icon-chevron-up-filled.svg);
    mask-image: url(icon-chevron-up-filled.svg);
}
[data-syk-x-icon='chevron-up outline'] {
    -webkit-mask-image: url(icon-chevron-up-outline.svg);
    mask-image: url(icon-chevron-up-outline.svg);
}
[data-syk-x-icon='chevron-down filled'] {
    -webkit-mask-image: url(icon-chevron-down-filled.svg);
    mask-image: url(icon-chevron-down-filled.svg);
}
[data-syk-x-icon='chevron-down outline'] {
    -webkit-mask-image: url(icon-chevron-down-outline.svg);
    mask-image: url(icon-chevron-down-outline.svg);
}
[data-syk-x-icon='check filled'] {
    -webkit-mask-image: url(icon-check-filled.svg);
    mask-image: url(icon-check-filled.svg);
}
[data-syk-x-icon='check outline'] {
    -webkit-mask-image: url(icon-check-outline.svg);
    mask-image: url(icon-check-outline.svg);
}
[data-syk-x-icon='check-round filled'] {
    -webkit-mask-image: url(icon-check-round-filled.svg);
    mask-image: url(icon-check-round-filled.svg);
}
[data-syk-x-icon='check-round outline'] {
    -webkit-mask-image: url(icon-check-round-outline.svg);
    mask-image: url(icon-check-round-outline.svg);
}
[data-syk-x-icon='clock filled'] {
    -webkit-mask-image: url(icon-clock-filled.svg);
    mask-image: url(icon-clock-filled.svg);
}
[data-syk-x-icon='clock outline'] {
    -webkit-mask-image: url(icon-clock-outline.svg);
    mask-image: url(icon-clock-outline.svg);
}
[data-syk-x-icon='close filled'] {
    -webkit-mask-image: url(icon-close-filled.svg);
    mask-image: url(icon-close-filled.svg);
    -webkit-mask-position: center;
    mask-position: center;
}
[data-syk-x-icon='coffee filled'] {
    -webkit-mask-image: url(icon-coffee-filled.svg);
    mask-image: url(icon-coffee-filled.svg);
}
[data-syk-x-icon='coffee outline'] {
    -webkit-mask-image: url(icon-coffee-outline.svg);
    mask-image: url(icon-coffee-outline.svg);
}
[data-syk-x-icon='color filled'] {
    -webkit-mask-image: url(icon-color-filled.svg);
    mask-image: url(icon-color-filled.svg);
}
[data-syk-x-icon='color outline'] {
    -webkit-mask-image: url(icon-color-outline.svg);
    mask-image: url(icon-color-outline.svg);
}
[data-syk-x-icon='comment filled'] {
    -webkit-mask-image: url(icon-comment-filled.svg);
    mask-image: url(icon-comment-filled.svg);
}
[data-syk-x-icon='comment outline'] {
    -webkit-mask-image: url(icon-comment-outline.svg);
    mask-image: url(icon-comment-outline.svg);
}
[data-syk-x-icon='con filled'] {
    -webkit-mask-image: url(icon-con-filled.svg);
    mask-image: url(icon-con-filled.svg);
}
[data-syk-x-icon='con outline'] {
    -webkit-mask-image: url(icon-con-outline.svg);
    mask-image: url(icon-con-outline.svg);
}
[data-syk-x-icon='coupon filled'] {
    -webkit-mask-image: url(icon-coupon-filled.svg);
    mask-image: url(icon-coupon-filled.svg);
}
[data-syk-x-icon='coupon outline'] {
    -webkit-mask-image: url(icon-coupon-outline.svg);
    mask-image: url(icon-coupon-outline.svg);
}
[data-syk-x-icon='credit-card filled'] {
    -webkit-mask-image: url(icon-credit-card-filled.svg);
    mask-image: url(icon-credit-card-filled.svg);
}
[data-syk-x-icon='credit-card outline'] {
    -webkit-mask-image: url(icon-credit-card-outline.svg);
    mask-image: url(icon-credit-card-outline.svg);
}
[data-syk-x-icon='customer-support filled'] {
    -webkit-mask-image: url(icon-customer-support-filled.svg);
    mask-image: url(icon-customer-support-filled.svg);
}
[data-syk-x-icon='customer-support outline'] {
    -webkit-mask-image: url(icon-customer-support-outline.svg);
    mask-image: url(icon-customer-support-outline.svg);
}
[data-syk-x-icon='customize filled'] {
    -webkit-mask-image: url(icon-customize-filled.svg);
    mask-image: url(icon-customize-filled.svg);
}
[data-syk-x-icon='customize outline'] {
    -webkit-mask-image: url(icon-customize-outline.svg);
    mask-image: url(icon-customize-outline.svg);
}
[data-syk-x-icon='design-service filled'] {
    -webkit-mask-image: url(icon-design-service-filled.svg);
    mask-image: url(icon-design-service-filled.svg);
}
[data-syk-x-icon='design-service outline'] {
    -webkit-mask-image: url(icon-design-service-outline.svg);
    mask-image: url(icon-design-service-outline.svg);
}
[data-syk-x-icon='document filled'] {
    -webkit-mask-image: url(icon-document-filled.svg);
    mask-image: url(icon-document-filled.svg);
}
[data-syk-x-icon='document outline'] {
    -webkit-mask-image: url(icon-document-outline.svg);
    mask-image: url(icon-document-outline.svg);
}
[data-syk-x-icon='earth filled'] {
    -webkit-mask-image: url(icon-earth-filled.svg);
    mask-image: url(icon-earth-filled.svg);
}
[data-syk-x-icon='earth outline'] {
    -webkit-mask-image: url(icon-earth-outline.svg);
    mask-image: url(icon-earth-outline.svg);
}
[data-syk-x-icon='email filled'] {
    -webkit-mask-image: url(icon-email-filled.svg);
    mask-image: url(icon-email-filled.svg);
}
[data-syk-x-icon='email outline'] {
    -webkit-mask-image: url(icon-email-outline.svg);
    mask-image: url(icon-email-outline.svg);
}
[data-syk-x-icon='file filled'] {
    -webkit-mask-image: url(icon-file-filled.svg);
    mask-image: url(icon-file-filled.svg);
}
[data-syk-x-icon='file outline'] {
    -webkit-mask-image: url(icon-file-outline.svg);
    mask-image: url(icon-file-outline.svg);
}
[data-syk-x-icon='fitness filled'] {
    -webkit-mask-image: url(icon-fitness-filled.svg);
    mask-image: url(icon-fitness-filled.svg);
}
[data-syk-x-icon='fitness outline'] {
    -webkit-mask-image: url(icon-fitness-outline.svg);
    mask-image: url(icon-fitness-outline.svg);
}
[data-syk-x-icon='flower filled'] {
    -webkit-mask-image: url(icon-flower-filled.svg);
    mask-image: url(icon-flower-filled.svg);
}
[data-syk-x-icon='flower outline'] {
    -webkit-mask-image: url(icon-flower-outline.svg);
    mask-image: url(icon-flower-outline.svg);
}
[data-syk-x-icon='gift filled'] {
    -webkit-mask-image: url(icon-gift-filled.svg);
    mask-image: url(icon-gift-filled.svg);
}
[data-syk-x-icon='gift outline'] {
    -webkit-mask-image: url(icon-gift-outline.svg);
    mask-image: url(icon-gift-outline.svg);
}
[data-syk-x-icon='handmade filled'] {
    -webkit-mask-image: url(icon-handmade-filled.svg);
    mask-image: url(icon-handmade-filled.svg);
}
[data-syk-x-icon='handmade outline'] {
    -webkit-mask-image: url(icon-handmade-outline.svg);
    mask-image: url(icon-handmade-outline.svg);
}
[data-syk-x-icon='headphones filled'] {
    -webkit-mask-image: url(icon-headphones-filled.svg);
    mask-image: url(icon-headphones-filled.svg);
}
[data-syk-x-icon='headphones outline'] {
    -webkit-mask-image: url(icon-headphones-outline.svg);
    mask-image: url(icon-headphones-outline.svg);
}
[data-syk-x-icon='heart filled'] {
    -webkit-mask-image: url(icon-heart-filled.svg);
    mask-image: url(icon-heart-filled.svg);
}
[data-syk-x-icon='heart outline'] {
    -webkit-mask-image: url(icon-heart-outline.svg);
    mask-image: url(icon-heart-outline.svg);
}
[data-syk-x-icon='home filled'] {
    -webkit-mask-image: url(icon-home-filled.svg);
    mask-image: url(icon-home-filled.svg);
}
[data-syk-x-icon='home outline'] {
    -webkit-mask-image: url(icon-home-outline.svg);
    mask-image: url(icon-home-outline.svg);
}
[data-syk-x-icon='info filled'] {
    -webkit-mask-image: url(icon-info-filled.svg);
    mask-image: url(icon-info-filled.svg);
}
[data-syk-x-icon='info outline'] {
    -webkit-mask-image: url(icon-info-outline.svg);
    mask-image: url(icon-info-outline.svg);
}
[data-syk-x-icon='leaf filled'] {
    -webkit-mask-image: url(icon-leaf-filled.svg);
    mask-image: url(icon-leaf-filled.svg);
}
[data-syk-x-icon='leaf outline'] {
    -webkit-mask-image: url(icon-leaf-outline.svg);
    mask-image: url(icon-leaf-outline.svg);
}
[data-syk-x-icon='like filled'] {
    -webkit-mask-image: url(icon-like-filled.svg);
    mask-image: url(icon-like-filled.svg);
}
[data-syk-x-icon='like outline'] {
    -webkit-mask-image: url(icon-like-outline.svg);
    mask-image: url(icon-like-outline.svg);
}
[data-syk-x-icon='lock filled'] {
    -webkit-mask-image: url(icon-lock-filled.svg);
    mask-image: url(icon-lock-filled.svg);
}
[data-syk-x-icon='lock outline'] {
    -webkit-mask-image: url(icon-lock-outline.svg);
    mask-image: url(icon-lock-outline.svg);
}
[data-syk-x-icon='mailbox filled'] {
    -webkit-mask-image: url(icon-mailbox-filled.svg);
    mask-image: url(icon-mailbox-filled.svg);
}
[data-syk-x-icon='mailbox outline'] {
    -webkit-mask-image: url(icon-mailbox-outline.svg);
    mask-image: url(icon-mailbox-outline.svg);
}
[data-syk-x-icon='mobile-phone filled'] {
    -webkit-mask-image: url(icon-mobile-phone-filled.svg);
    mask-image: url(icon-mobile-phone-filled.svg);
}
[data-syk-x-icon='mobile-phone outline'] {
    -webkit-mask-image: url(icon-mobile-phone-outline.svg);
    mask-image: url(icon-mobile-phone-outline.svg);
}
[data-syk-x-icon='money filled'] {
    -webkit-mask-image: url(icon-money-filled.svg);
    mask-image: url(icon-money-filled.svg);
}
[data-syk-x-icon='money outline'] {
    -webkit-mask-image: url(icon-money-outline.svg);
    mask-image: url(icon-money-outline.svg);
}
[data-syk-x-icon='nature filled'] {
    -webkit-mask-image: url(icon-nature-filled.svg);
    mask-image: url(icon-nature-filled.svg);
}
[data-syk-x-icon='nature outline'] {
    -webkit-mask-image: url(icon-nature-outline.svg);
    mask-image: url(icon-nature-outline.svg);
}
[data-syk-x-icon='percent filled'] {
    -webkit-mask-image: url(icon-percent-filled.svg);
    mask-image: url(icon-percent-filled.svg);
}
[data-syk-x-icon='percent outline'] {
    -webkit-mask-image: url(icon-percent-outline.svg);
    mask-image: url(icon-percent-outline.svg);
}
[data-syk-x-icon='phone filled'] {
    -webkit-mask-image: url(icon-phone-filled.svg);
    mask-image: url(icon-phone-filled.svg);
}
[data-syk-x-icon='phone outline'] {
    -webkit-mask-image: url(icon-phone-outline.svg);
    mask-image: url(icon-phone-outline.svg);
}
[data-syk-x-icon='pin filled'] {
    -webkit-mask-image: url(icon-pin-filled.svg);
    mask-image: url(icon-pin-filled.svg);
}
[data-syk-x-icon='pin outline'] {
    -webkit-mask-image: url(icon-pin-outline.svg);
    mask-image: url(icon-pin-outline.svg);
}
[data-syk-x-icon='plane filled'] {
    -webkit-mask-image: url(icon-plane-filled.svg);
    mask-image: url(icon-plane-filled.svg);
}
[data-syk-x-icon='plane outline'] {
    -webkit-mask-image: url(icon-plane-outline.svg);
    mask-image: url(icon-plane-outline.svg);
}
[data-syk-x-icon='printer filled'] {
    -webkit-mask-image: url(icon-printer-filled.svg);
    mask-image: url(icon-printer-filled.svg);
}
[data-syk-x-icon='printer outline'] {
    -webkit-mask-image: url(icon-printer-outline.svg);
    mask-image: url(icon-printer-outline.svg);
}
[data-syk-x-icon='pro filled'] {
    -webkit-mask-image: url(icon-pro-filled.svg);
    mask-image: url(icon-pro-filled.svg);
}
[data-syk-x-icon='pro outline'] {
    -webkit-mask-image: url(icon-pro-outline.svg);
    mask-image: url(icon-pro-outline.svg);
}
[data-syk-x-icon='question filled'] {
    -webkit-mask-image: url(icon-question-filled.svg);
    mask-image: url(icon-question-filled.svg);
}
[data-syk-x-icon='question outline'] {
    -webkit-mask-image: url(icon-question-outline.svg);
    mask-image: url(icon-question-outline.svg);
}
[data-syk-x-icon='return filled'] {
    -webkit-mask-image: url(icon-return-filled.svg);
    mask-image: url(icon-return-filled.svg);
}
[data-syk-x-icon='return outline'] {
    -webkit-mask-image: url(icon-return-outline.svg);
    mask-image: url(icon-return-outline.svg);
}
[data-syk-x-icon='ruler filled'] {
    -webkit-mask-image: url(icon-ruler-filled.svg);
    mask-image: url(icon-ruler-filled.svg);
}
[data-syk-x-icon='ruler outline'] {
    -webkit-mask-image: url(icon-ruler-outline.svg);
    mask-image: url(icon-ruler-outline.svg);
}
[data-syk-x-icon='secure filled'] {
    -webkit-mask-image: url(icon-secure-filled.svg);
    mask-image: url(icon-secure-filled.svg);
}
[data-syk-x-icon='secure outline'] {
    -webkit-mask-image: url(icon-secure-outline.svg);
    mask-image: url(icon-secure-outline.svg);
}
[data-syk-x-icon='send filled'] {
    -webkit-mask-image: url(icon-send-filled.svg);
    mask-image: url(icon-send-filled.svg);
}
[data-syk-x-icon='send outline'] {
    -webkit-mask-image: url(icon-send-outline.svg);
    mask-image: url(icon-send-outline.svg);
}
[data-syk-x-icon='shield filled'] {
    -webkit-mask-image: url(icon-shield-filled.svg);
    mask-image: url(icon-shield-filled.svg);
}
[data-syk-x-icon='shield outline'] {
    -webkit-mask-image: url(icon-shield-outline.svg);
    mask-image: url(icon-shield-outline.svg);
}
[data-syk-x-icon='smile filled'] {
    -webkit-mask-image: url(icon-smile-filled.svg);
    mask-image: url(icon-smile-filled.svg);
}
[data-syk-x-icon='smile outline'] {
    -webkit-mask-image: url(icon-smile-outline.svg);
    mask-image: url(icon-smile-outline.svg);
}
[data-syk-x-icon='spa filled'] {
    -webkit-mask-image: url(icon-spa-filled.svg);
    mask-image: url(icon-spa-filled.svg);
}
[data-syk-x-icon='spa outline'] {
    -webkit-mask-image: url(icon-spa-outline.svg);
    mask-image: url(icon-spa-outline.svg);
}
[data-syk-x-icon='star filled'] {
    -webkit-mask-image: url(icon-star-filled.svg);
    mask-image: url(icon-star-filled.svg);
}
[data-syk-x-icon='star outline'] {
    -webkit-mask-image: url(icon-star-outline.svg);
    mask-image: url(icon-star-outline.svg);
}
[data-syk-x-icon='store filled'] {
    -webkit-mask-image: url(icon-store-filled.svg);
    mask-image: url(icon-store-filled.svg);
}
[data-syk-x-icon='store outline'] {
    -webkit-mask-image: url(icon-store-outline.svg);
    mask-image: url(icon-store-outline.svg);
}
[data-syk-x-icon='target filled'] {
    -webkit-mask-image: url(icon-target-filled.svg);
    mask-image: url(icon-target-filled.svg);
}
[data-syk-x-icon='target outline'] {
    -webkit-mask-image: url(icon-target-outline.svg);
    mask-image: url(icon-target-outline.svg);
}
[data-syk-x-icon='thunder filled'] {
    -webkit-mask-image: url(icon-thunder-filled.svg);
    mask-image: url(icon-thunder-filled.svg);
}
[data-syk-x-icon='thunder outline'] {
    -webkit-mask-image: url(icon-thunder-outline.svg);
    mask-image: url(icon-thunder-outline.svg);
}
[data-syk-x-icon='timer filled'] {
    -webkit-mask-image: url(icon-timer-filled.svg);
    mask-image: url(icon-timer-filled.svg);
}
[data-syk-x-icon='timer outline'] {
    -webkit-mask-image: url(icon-timer-outline.svg);
    mask-image: url(icon-timer-outline.svg);
}
[data-syk-x-icon='tree filled'] {
    -webkit-mask-image: url(icon-tree-filled.svg);
    mask-image: url(icon-tree-filled.svg);
}
[data-syk-x-icon='tree outline'] {
    -webkit-mask-image: url(icon-tree-outline.svg);
    mask-image: url(icon-tree-outline.svg);
}
[data-syk-x-icon='trophy filled'] {
    -webkit-mask-image: url(icon-trophy-filled.svg);
    mask-image: url(icon-trophy-filled.svg);
}
[data-syk-x-icon='trophy outline'] {
    -webkit-mask-image: url(icon-trophy-outline.svg);
    mask-image: url(icon-trophy-outline.svg);
}
[data-syk-x-icon='truck filled'] {
    -webkit-mask-image: url(icon-truck-filled.svg);
    mask-image: url(icon-truck-filled.svg);
}
[data-syk-x-icon='truck outline'] {
    -webkit-mask-image: url(icon-truck-outline.svg);
    mask-image: url(icon-truck-outline.svg);
}
[data-syk-x-icon='validation filled'] {
    -webkit-mask-image: url(icon-validation-filled.svg);
    mask-image: url(icon-validation-filled.svg);
}
[data-syk-x-icon='validation outline'] {
    -webkit-mask-image: url(icon-validation-outline.svg);
    mask-image: url(icon-validation-outline.svg);
}
[data-syk-x-icon='verified filled'] {
    -webkit-mask-image: url(icon-verified-filled.svg);
    mask-image: url(icon-verified-filled.svg);
}
[data-syk-x-icon='verified outline'] {
    -webkit-mask-image: url(icon-verified-outline.svg);
    mask-image: url(icon-verified-outline.svg);
}
[data-syk-x-icon='watch filled'] {
    -webkit-mask-image: url(icon-watch-filled.svg);
    mask-image: url(icon-watch-filled.svg);
}
[data-syk-x-icon='watch outline'] {
    -webkit-mask-image: url(icon-watch-outline.svg);
    mask-image: url(icon-watch-outline.svg);
}
[data-syk-x-icon='wifi filled'] {
    -webkit-mask-image: url(icon-wifi-filled.svg);
    mask-image: url(icon-wifi-filled.svg);
}
[data-syk-x-icon='wifi outline'] {
    -webkit-mask-image: url(icon-wifi-outline.svg);
    mask-image: url(icon-wifi-outline.svg);
}
.syk-x-button.syk-x-button-processing {
    pointer-events: none;
}
.syk-x-button.syk-x-button-processing:after {
    content: '';
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 18px;
    margin: -9px 0 0 -9px;
    border-radius: 20px;
    border: 2px solid var(--text);
    border-left-color: #0000 !important;
}
.syk-x-button-style-outline .syk-x-button.syk-x-button-processing:after {
    border-color: var(--syk-x-button-bg);
}
.syk-x-button.syk-x-button-processing span {
    visibility: hidden;
    opacity: 0;
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.syk-x-success-message {
    position: fixed;
    border-radius: var(--syk-x-banner-border-radius);
    background-color: #fff;
    padding: 20px;
    box-shadow: 15px 15px 30px rgb(0 0 0 / 6%);
    width: calc(100% - 2rem);
    max-width: 380px;
    top: var(--syk-x-cart-success-offset-y);
    z-index: 9999;
    flex-direction: column;
    display: none;
}
.syk-x-success-message .button-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 1rem;
}
.syk-x-success-message .button-row > form {
    width: 100%;
}
.syk-x-success-message .button-row > form > button {
    margin: 0 !important;
    width: 100% !important;
}
.syk-x-success-message .syk-x-popup-close {
    align-items: center;
    color: var(--closeicon, var(--syk-x-color-icons));
    cursor: pointer;
    display: flex;
    font-size: 24px;
    justify-content: center;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 1;
    height: 44px;
    width: 44px;
}
.syk-x-success-message .syk-x-popup-close {
    color: var(--syk-x-color-icons) !important;
}
.syk-x-success-message .syk-x-popup-close i {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.syk-x-success-message .syk-x-popup-close:hover i {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.syk-x-success-text-wrapper {
    margin-top: 0.75rem;
    display: flex;
    align-items: center;
}
.syk-x-success-text {
    color: var(--successtext, var(--syk-x-color-success));
}
.syk-x-success-text-wrapper > p {
    margin: 0 0 0 0.5rem;
}
.syk-x-success-message-right {
    right: 1rem;
}
.syk-x-success-message-left {
    left: 1rem;
}
@media only screen and (min-width: 768px) {
    .syk-x-success-message {
        padding: 32px 44px;
        left: auto;
        right: auto;
    }
    .syk-x-success-message-right {
        right: var(--syk-x-cart-success-offset-x);
    }
    .syk-x-success-message-left {
        left: var(--syk-x-cart-success-offset-x);
    }
}