@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"),local("OpenSans-Light"),url(https://lokalnie-prod-assets.storage.googleapis.com/ui/versions/b8c6e583/assets/a4ac0b8f3d01d0b46104.woff2) format("woff2"),url(https://lokalnie-prod-assets.storage.googleapis.com/ui/versions/b8c6e583/assets/f6240eccb0269943de69.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"),local("OpenSans-Regular"),url(https://lokalnie-prod-assets.storage.googleapis.com/ui/versions/b8c6e583/assets/17252753a6588430aa1b.woff2) format("woff2"),url(https://lokalnie-prod-assets.storage.googleapis.com/ui/versions/b8c6e583/assets/9ffdcf33f4c19919b0bd.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: italic;
    font-weight: 400;
    src: local("Open Sans Italic"),local("OpenSans-Italic"),url(https://lokalnie-prod-assets.storage.googleapis.com/ui/versions/b8c6e583/assets/6ef44791c7749ba39d8f.woff2) format("woff2"),url(https://lokalnie-prod-assets.storage.googleapis.com/ui/versions/b8c6e583/assets/a253cc19754bbf0430e4.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://lokalnie-prod-assets.storage.googleapis.com/ui/versions/b8c6e583/assets/b22d2610327188f07b05.woff2) format("woff2"),url(https://lokalnie-prod-assets.storage.googleapis.com/ui/versions/b8c6e583/assets/0508b1157aaf7906c4b7.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"),local("OpenSans-Bold"),url(https://lokalnie-prod-assets.storage.googleapis.com/ui/versions/b8c6e583/assets/0e3a2634e88ff1ed63f0.woff2) format("woff2"),url(https://lokalnie-prod-assets.storage.googleapis.com/ui/versions/b8c6e583/assets/d709459ef625e7263ef1.woff) format("woff")
}

html {
    box-sizing: border-box
}

*,:after,:before {
    box-sizing: inherit
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,ul {
    margin: 0;
    padding: 0
}

li>ol,li>ul {
    margin-bottom: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset {
    border: 0;
    min-width: 0
}

body {
    background-color: #f4f8fc;
    color: #222;
    font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body.transparent-background {
    background: 0 0
}

h1 {
    font-size: 22px;
    line-height: 30px
}

h1,h2 {
    color: #222;
    font-weight: 600;
    margin: 0
}

h2 {
    font-size: 18px;
    line-height: 26px
}

h3 {
    font-size: 16px;
    line-height: 24px
}

h3,h4 {
    color: #222;
    font-weight: 600;
    margin: 0
}

h4 {
    font-size: 14px;
    line-height: 21px
}

h5 {
    font-size: .83em
}

h5,h6 {
    color: #222;
    font-weight: 600;
    line-height: inherit;
    margin: 0
}

h6 {
    font-size: .67em
}

html {
    font-size: 14px;
    -webkit-tap-highlight-color: transparent
}

a {
    text-decoration: none
}

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

section {
    margin-bottom: 8px
}

.ml-heading-title {
    color: #222;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin: 0
}

.ml-heading-large {
    color: #222;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 0
}

.ml-heading-medium {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0
}

.ml-heading-small {
    color: #222;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    margin: 0
}

.ml-heading--color-primary {
    color: #6256b1
}

.ml-heading--color-smart {
    color: #422779
}

.ml-heading--color-blue {
    color: #1b59ac
}

.ml-heading--color-purple {
    color: #6256b1
}

.Toastify__toast,.ml-alert {
    background-color: #fff;
    border-left: 4px solid;
    border-color: #1b59ac;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,.16);
    color: #222;
    margin-bottom: 4px;
    padding: 16px
}

.Toastify__toast--success,.ml-alert--success {
    border-color: #0fb91b
}

.Toastify__toast--warning,.ml-alert--warning {
    border-color: #ffc400
}

.Toastify__toast--error,.ml-alert--error {
    border-color: #e21400
}

.Toastify__close-button,.ml-alert__close-button {
    color: #767676
}

.Toastify__progress-bar,.ml-alert__progress-bar {
    background-color: #1b59ac
}

.Toastify__progress-bar--success,.ml-alert__progress-bar--success {
    background-color: #0fb91b
}

.Toastify__progress-bar--warning,.ml-alert__progress-bar--warning {
    background-color: #ffc400
}

.Toastify__progress-bar--error,.ml-alert__progress-bar--error {
    background-color: #e21400
}

.ml-bottom-bar-buttons {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 -2px 8px rgba(0,0,0,.16);
    display: flex;
    left: 0;
    min-height: 56px;
    padding: 8px 16px;
    position: fixed;
    right: 0;
    z-index: 100
}

.ml-bottom-bar-buttons--offer {
    transform: translateY(104px);
    transition: transform .3s ease-in-out
}

.ml-bottom-bar-buttons--sticky {
    height: 42px;
    transform: translateY(0)
}

.ml-bottom-bar-buttons--legacy-mobile-sticky {
    transform: translateY(0);
    transition: none
}

.ml-bottom-bar-buttons--legacy-mobile-sticky .mlc-buyer-actions__secondary-action--message {
    display: flex!important
}

.ml-bottom-bar-buttons--legacy-mobile-overview {
    display: none
}

@media (min-width: 1064px) {
    .ml-bottom-bar-buttons--legacy-mobile-overview {
        display:flex
    }
}

.ml-bottom-bar-buttons__primary-action {
    display: flex;
    flex: 1;
    flex-direction: column
}

.ml-bottom-bar-buttons>.ml-btn:not(:last-child) {
    margin-right: 8px
}

.ml-with-bottom-bar-buttons {
    padding-bottom: 56px
}

.ml-btn-group {
    display: flex;
    flex-direction: column
}

.ml-btn-group .ml-btn {
    width: 100%
}

.ml-btn-group .ml-btn-tertiary {
    margin-bottom: 8px;
    margin-top: 8px;
    position: relative
}

.ml-btn-group .ml-btn-tertiary:last-child {
    margin-bottom: 0
}

.ml-btn-group .ml-btn-tertiary:after {
    border-top: 1px solid #e7e7e7;
    content: "";
    height: 0;
    position: absolute;
    top: -8px;
    width: 100%
}

.ml-btn-group .ml-btn-primary:not(:last-child),.ml-btn-group .ml-btn-secondary:not(:last-child) {
    margin-bottom: 16px
}

.ml-card>.ml-btn-group:last-child {
    margin-bottom: -8px
}

.ml-btn {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    letter-spacing: .4px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s ease;
    vertical-align: middle
}

.ml-btn,.ml-btn--uppercase {
    text-transform: uppercase
}

.ml-btn--lowercase {
    text-transform: lowercase
}

.ml-btn--capitalize {
    text-transform: capitalize
}

.ml-btn .ml-icon {
    margin-right: 8px
}

.ml-btn .ml-icon path {
    fill: currentColor
}

.ml-btn[aria-disabled=true],.ml-btn[disabled] {
    cursor: not-allowed;
    pointer-events: none
}

@media (hover: hover)and (pointer:fine) {
    .ml-btn--loading:hover {
        cursor:none;
        pointer-events: none
    }
}

.ml-btn-primary,.ml-btn-secondary {
    border: 1px solid transparent;
    border-radius: 1000px;
    padding: 8px 16px
}

.ml-btn-tertiary {
    border: 0;
    border-radius: 0;
    padding: 8px 0
}

.ml-btn-primary {
    background-color: #6256b1;
    color: #fff
}

.ml-btn-primary:hover {
    background-color: #5c4ea7;
    color: #fff
}

.ml-btn-primary:active {
    background-color: #4c398e;
    color: #fff
}

.ml-btn-primary:focus-visible {
    background-color: #5c4ea7;
    outline: 2px dotted #008673;
    outline-offset: 4px
}

.ml-btn-primary[aria-disabled=true],.ml-btn-primary[disabled] {
    background-color: #c3c3c3;
    color: #fff;
    cursor: not-allowed
}

@media (hover: hover)and (pointer:fine) {
    .ml-btn-primary--loading:hover {
        background-color:#a6a2d4
    }
}

.ml-btn-secondary {
    background-color: #fff;
    border-color: #6256b1;
    color: #6256b1
}

.ml-btn-secondary:hover {
    background-color: #fff;
    border-color: #5c4ea7;
    color: #5c4ea7
}

.ml-btn-secondary:active {
    background-color: #fff;
    border-color: #4c398e;
    color: #4c398e
}

.ml-btn-secondary:focus-visible {
    outline: 2px dotted #008673;
    outline-offset: 4px
}

.ml-btn-secondary[aria-disabled=true],.ml-btn-secondary[disabled] {
    background-color: #c3c3c3;
    border-color: #c3c3c3;
    color: #fff;
    cursor: not-allowed
}

.ml-btn-tertiary {
    background: 0 0;
    color: #00a790
}

.ml-btn-tertiary:hover {
    color: #008673
}

.ml-btn-tertiary:active {
    color: #006456
}

.ml-btn-tertiary:focus-visible {
    outline: 2px dotted #008673;
    outline-offset: 4px
}

.ml-btn-tertiary[aria-disabled=true],.ml-btn-tertiary[disabled] {
    color: #c3c3c3;
    cursor: not-allowed
}

.ml-clear-btn {
    background: 0 0;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    outline: inherit;
    padding: 0
}

.ml-icon {
    display: inline-block
}

.ml-icon,.ml-icon svg {
    height: 24px;
    width: 24px
}

.ml-icon--small,.ml-icon--small svg {
    height: 16px;
    width: 16px
}

.ml-icon--medium,.ml-icon--medium svg {
    height: 28px;
    width: 28px
}

.ml-icon--large,.ml-icon--large svg {
    height: 32px;
    width: 32px
}

.ml-icon--extra-large,.ml-icon--extra-large svg {
    height: 48px;
    width: 48px
}

.ml-icon--black path {
    fill: #222
}

.ml-icon--black use {
    color: #222
}

.ml-icon--gray path {
    fill: #767676
}

.ml-icon--gray use {
    color: #767676
}

.ml-icon--gray-100 path {
    fill: #ddd
}

.ml-icon--gray-100 use {
    color: #ddd
}

.ml-icon--purple path {
    fill: #6256b1
}

.ml-icon--purple use {
    color: #6256b1
}

.ml-icon--green path {
    fill: #00a790
}

.ml-icon--green use {
    color: #00a790
}

.ml-icon--yellow path {
    fill: #f7ae10
}

.ml-icon--yellow use {
    color: #f7ae10
}

.ml-icon--neutral path {
    fill: #1b59ac
}

.ml-icon--neutral use {
    color: #1b59ac
}

.ml-icon--white path {
    fill: #fff
}

.ml-icon--white use {
    color: #fff
}

.ml-icon--accepted path {
    fill: #0fb91b
}

.ml-icon--accepted use {
    color: #0fb91b
}

.ml-icon--smart path {
    fill: #422779
}

.ml-icon--smart use {
    color: #422779
}

.ml-icon--orange path {
    fill: #ff5a00
}

.ml-icon--orange use {
    color: #ff5a00
}

.ml-icon--disabled path {
    fill: #c3c3c3
}

.ml-icon--disabled use {
    color: #c3c3c3
}

.ml-icon--dark-green path {
    fill: #045762
}

.ml-icon--dark-green use {
    color: #045762
}

.ml-icon--critical path {
    fill: #e21400
}

.ml-icon--critical use {
    color: #e21400
}

.ml-icon--clickable {
    cursor: pointer
}

.ml-generic-link {
    color: #00a790;
    text-decoration: none
}

.ml-generic-link:hover {
    color: #008673;
    text-decoration: none
}

.ml-generic-link:active,.ml-generic-link:visited {
    color: #006456;
    text-decoration: none
}

.ml-generic-link--normal {
    font-weight: 400
}

.ml-generic-link--semi-bold {
    font-weight: 600
}

.ml-generic-link:focus-visible {
    outline: 2px dotted #008673;
    outline-offset: 2px
}

.ml-card {
    background-color: #fff;
    border-radius: 8px;
    padding: 16px;
    position: relative
}

.ml-card:after {
    border-radius: inherit;
    bottom: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,.16);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.ml-card--purple {
    background-color: #f1f0f8;
    border: 1px solid #6256b1
}

.ml-card--blue {
    background: #f4f8fc;
    border: 1px solid #1b59ac
}

.ml-card--docked-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ml-card--docked-bottom {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ml-card--no-padding {
    padding: 0
}

.ml-item {
    display: flex
}

.ml-item__smart-icon {
    margin-left: 8px;
    transform: translateY(4px)
}

.ml-item__photo {
    border-radius: 8px;
    flex: 0 0 64px;
    height: 64px;
    margin-right: 8px;
    overflow: hidden;
    width: 64px
}

.ml-item__photo>img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .5s ease;
    width: 100%
}

.ml-item__photo--big {
    flex: 0 0 96px;
    height: 96px;
    width: 96px
}

@media (hover: hover)and (pointer:fine) {
    .ml-item:hover .ml-item__photo>img {
        transform:scale(1.25)
    }
}

.ml-item__properties {
    word-break: break-word
}

.ml-item__price-type-wrapper-section,.ml-item__properties {
    display: flex;
    flex-direction: column
}

.ml-item__price-type-wrapper-section--row {
    flex-direction: row
}

.ml-item__type-section--row {
    margin-left: 8px
}

.ml-item__price-section {
    align-items: baseline;
    display: flex
}

.ml-item__title {
    display: inline-flex
}

.ml-item__title,.ml-item__title:active,.ml-item__title:hover,.ml-item__title:visited {
    color: unset;
    text-decoration: none
}

.ml-item__title:focus-visible {
    outline: 2px dotted #008673;
    outline-offset: 2px
}

.ml-item__custom-additional-element,.ml-item__price-section,.ml-item__price-type-wrapper-section,.ml-item__prices-section,.ml-item__title,.ml-item__type-section {
    margin-bottom: 4px
}

.ml-item__custom-additional-element:last-child,.ml-item__price-section:last-child,.ml-item__price-type-wrapper-section:last-child,.ml-item__prices-section:last-child,.ml-item__title:last-child,.ml-item__type-section:last-child {
    margin-bottom: 0
}

.ml-text-large {
    font-size: 16px;
    line-height: 22px
}

.ml-text-medium {
    font-size: 14px;
    line-height: 19px
}

.ml-text-small {
    font-size: 12px;
    line-height: 16px
}

.ml-text-tiny {
    font-size: 10px;
    line-height: 16px
}

.ml-text-normal {
    font-weight: 400
}

.ml-text-bold {
    font-weight: 700
}

.ml-text-semi-bold {
    font-weight: 600
}

.ml-text-color-primary {
    color: #222
}

.ml-text-color-secondary {
    color: #767676
}

.ml-text-color-neutral {
    color: #1b59ac
}

.ml-text-color-accepted {
    color: #0fb91b
}

.ml-text-color-critical {
    color: #e21400
}

.ml-text-color-warning {
    color: #ffc400
}

.ml-text-color-purple {
    color: #6256b1
}

.ml-text-color-orange {
    color: #ff5a00
}

.ml-text-color-teal {
    color: #00a790
}

.ml-text-strike-through {
    text-decoration: line-through
}

.ml-text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ml-text-hyphens {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word
}

.ml-text-uppercase {
    text-transform: uppercase
}

.ml-text-lowercase {
    text-transform: lowercase
}

.ml-text-capitalize:first-letter {
    text-transform: uppercase
}

.ml-text-align-left {
    text-align: left
}

.ml-text-align-right {
    text-align: right
}

.ml-text-align-center {
    text-align: center
}

.ml-text-align-justify {
    text-align: justify
}

.ml-lower-price {
    display: flex;
    white-space: nowrap
}

.ml-lower-price__percent {
    background: #0fb91b;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin-right: 4px;
    padding: 0 4px
}

.ml-lower-price__old-price {
    color: #767676;
    font-size: 14px;
    line-height: 16px;
    text-decoration: line-through
}

.ml-lower-price--size-small .ml-lower-price__old-price {
    font-size: 12px;
    line-height: 16px
}

.ml-offer-price {
    align-items: baseline;
    display: flex;
    font-weight: 600;
    line-height: 1.3em;
    white-space: nowrap;
    --decimal: 0.75em
}

.ml-offer-price--size-small {
    font-size: 16px
}

.ml-offer-price--size-medium {
    font-size: 22px
}

.ml-offer-price--size-large {
    font-size: 28px
}

.ml-offer-price--size-extra-large {
    font-size: 36px;
    --decimal: 24px
}

.ml-offer-price>.ml-offer-price__cents,.ml-offer-price>.ml-offer-price__currency {
    font-size: var(--decimal);
    line-height: 1.2em
}

.ml-price {
    display: flex;
    white-space: nowrap
}

.ml-price--accepted {
    color: #0fb91b
}

.ml-number-picker__inner {
    display: flex;
    height: 48px
}

.ml-number-picker__inner__button {
    align-items: center;
    background-color: #fff;
    border: 1px solid #aaa;
    color: #00a790;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: 40px
}

.ml-number-picker__inner__button:first-of-type {
    border-radius: 8px 0 0 8px;
    border-right-width: 0
}

.ml-number-picker__inner__button:last-of-type {
    border-left-width: 0;
    border-radius: 0 8px 8px 0
}

.ml-number-picker__inner__button:disabled {
    color: #c3c3c3;
    cursor: not-allowed
}

@media (hover: hover)and (pointer:fine) {
    .ml-number-picker__inner__button:hover svg path {
        fill:#008673
    }
}

.ml-number-picker__inner__button:focus-visible {
    outline: 2px dotted #008673;
    outline-offset: 2px;
    z-index: 2
}

.ml-number-picker__inner__button:focus-visible svg path {
    fill: #008673
}

.ml-number-picker__inner__input {
    flex-grow: 1;
    height: 100%;
    min-width: 40px;
    z-index: 1
}

.ml-number-picker__inner__input__field {
    -moz-appearance: textfield;
    background-color: #fff;
    border: 0;
    box-shadow: inset 0 0 0 1px #aaa;
    color: #222;
    font-size: 14px;
    height: 100%;
    line-height: 19px;
    outline: 0;
    text-align: center;
    width: 100%
}

.ml-number-picker__inner__input__field::-webkit-inner-spin-button,.ml-number-picker__inner__input__field::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@supports (-webkit-touch-callout:none) {
    .ml-number-picker__inner__input__field {
        border: 1px solid #aaa;
        box-shadow: none
    }
}

@media (hover: hover)and (pointer:fine) {
    .ml-number-picker__inner__input__field:hover {
        box-shadow:inset 0 0 0 2px #aaa
    }
}

.ml-number-picker__inner__input__field:focus {
    box-shadow: inset 0 0 0 2px #aaa;
    outline: 0
}

@supports (-webkit-touch-callout:none) {
    .ml-number-picker__inner__input__field:focus {
        border: 2px solid #aaa;
        box-shadow: none
    }
}

.ml-number-picker__inner__input__field:disabled {
    box-shadow: inset 0 0 0 1px #c3c3c3;
    cursor: not-allowed
}

@supports (-webkit-touch-callout:none) {
    .ml-number-picker__inner__input__field:disabled {
        border: 1px solid #c3c3c3;
        box-shadow: none
    }
}

.ml-number-picker__inner--disabled label input {
    color: #c3c3c3;
    cursor: not-allowed
}

.ml-number-picker__inner--error label {
    border-color: #e21400
}

.ml-form-error,.ml-number-picker__error-message {
    color: #e21400;
    font-size: 12px;
    line-height: 16px
}

.ml-divider--horizontal {
    border-top: 1px solid #e7e7e7;
    height: 0;
    width: 100%
}

.ml-divider--vertical {
    border-left: 1px solid #e7e7e7;
    height: 16px;
    margin: 0 8px
}

.ml-divider--fill-container-height {
    height: 100%
}

.ml-modal {
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.16);
    padding: 16px;
    position: absolute;
    width: 100%
}

@media (min-width: 1064px) {
    .ml-modal {
        padding:24px 32px
    }
}

.ml-modal--position-middle {
    border-radius: 8px;
    left: 50%;
    max-width: 328px;
    top: 50%;
    transform: translate(-50%,-50%)
}

@media (min-width: 1064px) {
    .ml-modal--position-middle {
        max-width:696px
    }
}

.ml-modal--position-bottom {
    border-radius: 8px 8px 0 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    --safe-area-inset-bottom: env(safe-area-inset-bottom,0);
    padding-bottom: calc(var(--safe-area-inset-bottom) + 16px)
}

.ml-modal--open {
    overflow: hidden
}

.ml-modal__close-button {
    align-items: center;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 0
}

.ml-modal__header {
    display: flex;
    justify-content: space-between
}

.ml-modal__body {
    margin-top: 16px
}

.ml-modal__footer {
    margin-top: 24px
}

.ml-modal-overlay {
    background: rgba(0,0,0,.6);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.ml-radio-selection {
    position: relative
}

.ml-radio-selection__input {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.ml-radio-selection__input:checked~.ml-radio-selection__inner,.ml-radio-selection__input:checked~.ml-radio-selection__inner:hover {
    background-color: #f2fbf9;
    box-shadow: inset 0 0 0 1px #00a790
}

.ml-radio-selection__input:focus-visible~.ml-radio-selection__focus {
    border-radius: 8px;
    height: 100%;
    outline: 2px dotted #008673;
    outline-offset: 4px;
    position: absolute;
    width: 100%
}

.ml-radio-selection__inner {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #aaa;
    display: flex;
    height: 100%;
    padding: 16px;
    transition: all .4s;
    width: 100%
}

@media (hover: hover)and (pointer:fine) {
    .ml-radio-selection__inner:hover {
        box-shadow:inset 0 0 0 2px #aaa;
        cursor: pointer
    }
}

.ml-radio-selection__inner--disabled,.ml-radio-selection__inner--disabled:hover {
    box-shadow: inset 0 0 0 1px #c3c3c3;
    cursor: not-allowed
}

.ml-radio-selection__content {
    flex-grow: 1
}

.ml-radio-selection__radio {
    border: 1px solid #aaa;
    border-radius: 50%;
    flex-shrink: 0;
    height: 22px;
    margin-right: 8px;
    position: relative;
    transition: border-color .4s;
    width: 22px
}

.ml-radio-selection__radio:after {
    background-color: transparent;
    border-radius: 50%;
    content: "";
    display: block;
    height: 14px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: background-color .2s;
    width: 14px
}

.ml-radio-selection__radio--checked {
    border-color: #00a790
}

.ml-radio-selection__radio--checked:after {
    background-color: #00a790
}

.ml-label-filled {
    align-items: center;
    background-color: #767676;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 10px;
    font-weight: 600;
    justify-content: center;
    line-height: 16px;
    padding: 0 4px;
    text-transform: uppercase;
    white-space: nowrap
}

.ml-label-filled--green {
    background-color: #0fb91b
}

.ml-label-filled--yellow {
    background-color: #f7ae10
}

.ml-label-filled--white {
    background-color: #fff;
    color: #045762
}

.ml-label-filled--gray {
    background-color: #c3c3c3
}

.ml-label-filled--dark {
    background-color: #767676
}

.ml-select {
    width: 100%
}

.ml-select__inner {
    color: #767676;
    height: 48px;
    position: relative;
    width: 100%
}

.ml-select__inner__field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 0;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #aaa;
    color: #222;
    font-size: 14px;
    height: 100%;
    line-height: 19px;
    outline: 0;
    padding: 16px 50px 16px 16px;
    width: 100%
}

@media (hover: hover)and (pointer:fine) {
    .ml-select__inner__field:hover {
        box-shadow:inset 0 0 0 2px #aaa
    }
}

.ml-select__inner__field:focus {
    box-shadow: inset 0 0 0 2px #aaa;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px
}

.ml-select__inner__field--selected {
    background-color: #f2fbf9;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

.ml-select__inner__field--selected,.ml-select__inner__field--selected:hover {
    box-shadow: inset 0 0 0 1px #00a790
}

.ml-select__inner__label {
    background-color: #fff;
    color: #767676;
    font-size: 13px;
    left: 12px;
    padding: 0 4px;
    position: absolute;
    top: -24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto
}

.ml-select__inner__icon {
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.ml-select--disabled .ml-select__inner {
    color: #c3c3c3
}

.ml-select--disabled .ml-select__inner__field,.ml-select--disabled .ml-select__inner__icon,.ml-select--disabled .ml-select__inner__label {
    cursor: not-allowed
}

.ml-select--disabled .ml-select__inner__field,.ml-select--disabled .ml-select__inner__field:hover {
    box-shadow: inset 0 0 0 1px #c3c3c3;
    color: #c3c3c3
}

.ml-select--disabled .ml-select__inner__label {
    color: #c3c3c3
}

.ml-select--error .ml-select__inner__field,.ml-select--error .ml-select__inner__field:hover {
    box-shadow: inset 0 0 0 1px #e21400
}

.ml-select--error .ml-select__inner__label {
    color: #e21400
}

.ml-select--positive .ml-select__inner__field,.ml-select--positive .ml-select__inner__field:hover {
    box-shadow: inset 0 0 0 1px #0fb91b
}

.ml-select--positive .ml-select__inner__label {
    color: #0fb91b
}

.ml-select__error-message {
    color: #e21400;
    font-size: 12px;
    line-height: 16px
}

.ml-input {
    width: 100%
}

.ml-input__inner {
    display: flex;
    flex-flow: column-reverse;
    position: relative;
    width: 100%
}

.ml-input__inner__field,.ml-input__inner__label {
    touch-action: manipulation;
    transition: all .2s
}

.ml-input__inner__label {
    pointer-events: none
}

.ml-input__inner__suffix {
    align-items: center;
    background: 0 0;
    border: 0;
    bottom: 0;
    color: #767676;
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 19px;
    margin-right: 16px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.ml-input__inner__field {
    background-color: #fff;
    border: 0;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #aaa;
    color: #222;
    font-size: 14px;
    line-height: 19px;
    padding: 16px;
    width: 100%
}

.ml-input__inner__field--suffix-spacing {
    padding-right: 32px
}

.ml-input__inner__field::-moz-placeholder {
    color: #767676;
    opacity: 0
}

.ml-input__inner__field:-ms-input-placeholder {
    color: #767676;
    opacity: 0
}

.ml-input__inner__field::placeholder {
    color: #767676;
    opacity: 0
}

@supports (-webkit-touch-callout:none) {
    .ml-input__inner__field {
        -webkit-appearance: none;
        border: 1px solid #aaa;
        box-shadow: none
    }
}

@media (hover: hover)and (pointer:fine) {
    .ml-input__inner__field:hover {
        box-shadow:inset 0 0 0 2px #aaa;
        outline: 0
    }
}

.ml-input__inner__field:focus {
    box-shadow: inset 0 0 0 2px #aaa;
    outline: 0
}

.ml-input__inner__field:focus::-moz-placeholder {
    opacity: 1
}

.ml-input__inner__field:focus:-ms-input-placeholder {
    opacity: 1
}

.ml-input__inner__field:focus::placeholder {
    opacity: 1
}

@supports (-webkit-touch-callout:none) {
    .ml-input__inner__field:focus {
        border: 2px solid #aaa;
        box-shadow: none
    }
}

.ml-input__inner__field:disabled {
    box-shadow: inset 0 0 0 1px #c3c3c3;
    color: #c3c3c3;
    cursor: not-allowed
}

.ml-input__inner__field:disabled::-moz-placeholder {
    color: #c3c3c3
}

.ml-input__inner__field:disabled:-ms-input-placeholder {
    color: #c3c3c3
}

.ml-input__inner__field:disabled::placeholder {
    color: #c3c3c3
}

@supports (-webkit-touch-callout:none) {
    .ml-input__inner__field:disabled {
        border: 1px solid #c3c3c3;
        box-shadow: none
    }
}

.ml-input__inner__field--error,.ml-input__inner__field--error:focus {
    box-shadow: inset 0 0 0 1px #e21400
}

@supports (-webkit-touch-callout:none) {
    .ml-input__inner__field--error,.ml-input__inner__field--error:focus {
        border: 1px solid #e21400;
        box-shadow: none
    }
}

.ml-input__inner__field--positive,.ml-input__inner__field--positive:focus {
    box-shadow: inset 0 0 0 1px #0fb91b
}

@supports (-webkit-touch-callout:none) {
    .ml-input__inner__field--positive,.ml-input__inner__field--positive:focus {
        border: 1px solid #0fb91b;
        box-shadow: none
    }
}

.ml-input__inner__label {
    background-color: #fff;
    color: #767676;
    font-size: 14px;
    left: 16px;
    line-height: 19px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translateY(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.ml-input__inner__field:disabled+.ml-input__inner__label {
    color: #c3c3c3
}

.ml-input__inner__field:focus+.ml-input__inner__label {
    opacity: 1;
    transform: translateY(-21px);
    z-index: 1
}

.ml-input__inner__field:not(:-moz-placeholder-shown)+.ml-input__inner__label {
    font-size: 13px;
    padding: 0 4px;
    transform: translate(-4px,-34px)
}

.ml-input__inner__field:not(:-ms-input-placeholder)+.ml-input__inner__label {
    font-size: 13px;
    padding: 0 4px;
    transform: translate(-4px,-34px)
}

.ml-input__inner__field:focus+.ml-input__inner__label,.ml-input__inner__field:not(:placeholder-shown)+.ml-input__inner__label {
    font-size: 13px;
    padding: 0 4px;
    transform: translate(-4px,-34px)
}

.ml-input__inner__field--error:not(:-moz-placeholder-shown)+.ml-input__inner__label {
    color: #e21400
}

.ml-input__inner__field--error:not(:-ms-input-placeholder)+.ml-input__inner__label {
    color: #e21400
}

.ml-input__inner__field--error:focus+.ml-input__inner__label,.ml-input__inner__field--error:not(:placeholder-shown)+.ml-input__inner__label {
    color: #e21400
}

.ml-input__inner__field--positive:not(:-moz-placeholder-shown)+.ml-input__inner__label {
    color: #0fb91b
}

.ml-input__inner__field--positive:not(:-ms-input-placeholder)+.ml-input__inner__label {
    color: #0fb91b
}

.ml-input__inner__field--positive:focus+.ml-input__inner__label,.ml-input__inner__field--positive:not(:placeholder-shown)+.ml-input__inner__label {
    color: #0fb91b
}

.ml-input__error-message {
    color: #e21400;
    font-size: 12px;
    line-height: 16px
}

.ml-input__description {
    color: #767676;
    font-size: 12px;
    line-height: 16px
}

.ml-textarea {
    width: 100%
}

.ml-textarea__inner {
    display: flex;
    flex-flow: column-reverse;
    height: 128px;
    position: relative;
    width: 100%
}

.ml-textarea__inner__field,.ml-textarea__inner__label {
    touch-action: manipulation;
    transition: all .2s
}

.ml-textarea__inner__field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 0;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #aaa;
    color: #222;
    font-size: 14px;
    height: 100%;
    line-height: 19px;
    padding: 14px 16px;
    resize: none;
    width: 100%
}

.ml-textarea__inner__field::-moz-placeholder {
    color: #767676;
    opacity: 0
}

.ml-textarea__inner__field:-ms-input-placeholder {
    color: #767676;
    opacity: 0
}

.ml-textarea__inner__field::placeholder {
    color: #767676;
    opacity: 0
}

@media (hover: hover)and (pointer:fine) {
    .ml-textarea__inner__field:hover {
        box-shadow:inset 0 0 0 2px #aaa
    }
}

.ml-textarea__inner__field:focus {
    box-shadow: inset 0 0 0 2px #aaa;
    outline: 0
}

.ml-textarea__inner__field:focus::-moz-placeholder {
    opacity: 1
}

.ml-textarea__inner__field:focus:-ms-input-placeholder {
    opacity: 1
}

.ml-textarea__inner__field:focus::placeholder {
    opacity: 1
}

.ml-textarea__inner__field:disabled {
    box-shadow: inset 0 0 0 1px #c3c3c3;
    color: #c3c3c3;
    cursor: not-allowed
}

.ml-textarea__inner__field:disabled::-moz-placeholder {
    color: #c3c3c3
}

.ml-textarea__inner__field:disabled:-ms-input-placeholder {
    color: #c3c3c3
}

.ml-textarea__inner__field:disabled::placeholder {
    color: #c3c3c3
}

.ml-textarea__inner__label {
    background-color: #fff;
    color: #767676;
    font-size: 14px;
    left: 16px;
    line-height: 19px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.ml-textarea__inner__field:disabled+.ml-textarea__inner__label {
    color: #c3c3c3
}

.ml-textarea__inner__field:focus+.ml-textarea__inner__label {
    opacity: 1;
    transform: translateY(-21px);
    z-index: 1
}

.ml-textarea__inner__field:not(:-moz-placeholder-shown)+.ml-textarea__inner__label {
    font-size: 13px;
    padding: 0 4px;
    transform: translate(-4px,-22px)
}

.ml-textarea__inner__field:not(:-ms-input-placeholder)+.ml-textarea__inner__label {
    font-size: 13px;
    padding: 0 4px;
    transform: translate(-4px,-22px)
}

.ml-textarea__inner__field:focus+.ml-textarea__inner__label,.ml-textarea__inner__field:not(:placeholder-shown)+.ml-textarea__inner__label {
    font-size: 13px;
    padding: 0 4px;
    transform: translate(-4px,-22px)
}

.ml-textarea--error .ml-textarea__inner__field {
    box-shadow: inset 0 0 0 1px #e21400
}

.ml-textarea--error .ml-textarea__inner__label {
    color: #e21400
}

.ml-textarea--positive .ml-textarea__inner__field {
    box-shadow: inset 0 0 0 1px #0fb91b
}

.ml-textarea--positive .ml-textarea__inner__label {
    color: #0fb91b
}

.ml-textarea__error-message {
    color: #e21400;
    font-size: 12px;
    line-height: 16px
}

.ml-tip {
    align-items: center;
    border-radius: 8px;
    display: flex;
    padding: 8px 16px
}

.ml-tip__icon {
    margin-right: 8px
}

.ml-tip--info {
    background-color: #f4f8fc
}

.ml-tip--error {
    background-color: #ffeee5
}

.ml-tooltip {
    background-color: #f4f8fc;
    border: 1px solid #1b59ac;
    border-radius: 4px;
    display: flex;
    padding: 8px
}

.ml-tooltip__content {
    padding: 8px
}

.ml-tooltip__arrow>path:first-child {
    fill: #f4f8fc;
    stroke: #1b59ac
}

.ml-tooltip__trigger {
    align-items: center;
    background-color: transparent;
    border: 0;
    display: flex;
    justify-content: center;
    outline-width: 1px;
    padding: 0 4px
}

.ml-tooltip__trigger:focus-visible {
    outline: 2px dotted #008673;
    outline-offset: 2px
}

.ml-combobox,.ml-combobox__label {
    position: relative;
    width: 100%
}

.ml-combobox__label {
    display: block;
    height: 100%
}

.ml-combobox__items {
    border: 1px solid #aaa;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: none;
    list-style: none;
    max-height: var(--max-height);
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 100
}

.ml-combobox__items:empty {
    border: 0
}

.ml-combobox__item {
    --padding: 16px;
    background-color: #fff;
    padding: var(--padding);
    position: relative
}

.ml-combobox__item--active {
    background-color: #f2fbf9
}

.ml-combobox__item:not(:last-child):after {
    background-color: #e7e7e7;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: var(--padding);
    position: absolute;
    width: calc(100% - var(--padding)*2)
}

.ml-combobox__input {
    background-color: #fff;
    border: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: inset 0 0 0 1px #aaa;
    color: #222;
    font-size: 14px;
    line-height: 19px;
    padding: 16px;
    padding-right: calc(var(--icons-count)*40px);
    width: 100%
}

.ml-combobox__input--items-hidden {
    border-radius: 8px
}

.ml-combobox__input::-moz-placeholder {
    color: #767676;
    opacity: 0
}

.ml-combobox__input:-ms-input-placeholder {
    color: #767676;
    opacity: 0
}

.ml-combobox__input::placeholder {
    color: #767676;
    opacity: 0
}

@supports (-webkit-touch-callout:none) {
    .ml-combobox__input {
        -webkit-appearance: none;
        border: 1px solid #aaa;
        box-shadow: none
    }
}

.ml-combobox__input:focus {
    box-shadow: inset 0 0 0 2px #aaa;
    outline: 0
}

.ml-combobox__input:focus::-moz-placeholder {
    opacity: 1
}

.ml-combobox__input:focus:-ms-input-placeholder {
    opacity: 1
}

.ml-combobox__input:focus::placeholder {
    opacity: 1
}

@supports (-webkit-touch-callout:none) {
    .ml-combobox__input:focus {
        border: 2px solid #aaa;
        box-shadow: none
    }
}

.ml-combobox__input:disabled {
    box-shadow: inset 0 0 0 1px #c3c3c3;
    color: #c3c3c3;
    cursor: not-allowed
}

.ml-combobox__input:disabled::-moz-placeholder {
    color: #c3c3c3
}

.ml-combobox__input:disabled:-ms-input-placeholder {
    color: #c3c3c3
}

.ml-combobox__input:disabled::placeholder {
    color: #c3c3c3
}

@supports (-webkit-touch-callout:none) {
    .ml-combobox__input:disabled {
        border: 1px solid #c3c3c3;
        box-shadow: none
    }
}

.ml-combobox__input--error,.ml-combobox__input--error:focus {
    box-shadow: inset 0 0 0 1px #e21400
}

@supports (-webkit-touch-callout:none) {
    .ml-combobox__input--error,.ml-combobox__input--error:focus {
        border: 1px solid #e21400;
        box-shadow: none
    }
}

.ml-combobox__input--positive,.ml-combobox__input--positive:focus {
    box-shadow: inset 0 0 0 1px #0fb91b
}

@supports (-webkit-touch-callout:none) {
    .ml-combobox__input--positive,.ml-combobox__input--positive:focus {
        border: 1px solid #0fb91b;
        box-shadow: none
    }
}

.ml-combobox__clear-button {
    align-items: center;
    display: flex;
    justify-content: center
}

.ml-combobox__clear-button:not(:disabled) {
    pointer-events: auto
}

.ml-combobox__clear-button:focus {
    box-shadow: inset 0 0 0 2px #aaa
}

.ml-combobox__icons {
    align-items: center;
    display: flex;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    right: 16px;
    top: 14px
}

.ml-combobox__icons>:not(:last-child) {
    margin-right: 16px
}

.ml-combobox__error-message {
    color: #e21400;
    font-size: 12px;
    line-height: 16px
}

.ml-combobox__label-text {
    background-color: #fff;
    color: #767676;
    font-size: 14px;
    left: 16px;
    line-height: 19px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 50%;
    transform: translateY(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.ml-combobox__field,.ml-combobox__label-text {
    pointer-events: none;
    touch-action: manipulation;
    transition: all .2s
}

.ml-combobox__input:disabled+.ml-combobox__label-text {
    color: #c3c3c3
}

.ml-combobox__input:focus+.ml-combobox__label-text {
    opacity: 1;
    transform: translateY(-21px);
    z-index: 1
}

.ml-combobox__input:not(:-moz-placeholder-shown)+.ml-combobox__label-text {
    font-size: 13px;
    padding: 0 4px;
    transform: translate(-4px,-34px)
}

.ml-combobox__input:not(:-ms-input-placeholder)+.ml-combobox__label-text {
    font-size: 13px;
    padding: 0 4px;
    transform: translate(-4px,-34px)
}

.ml-combobox__input:focus+.ml-combobox__label-text,.ml-combobox__input:not(:placeholder-shown)+.ml-combobox__label-text {
    font-size: 13px;
    padding: 0 4px;
    transform: translate(-4px,-34px)
}

.ml-combobox__input--error:not(:-moz-placeholder-shown)+.ml-combobox__label-text {
    color: #e21400
}

.ml-combobox__input--error:not(:-ms-input-placeholder)+.ml-combobox__label-text {
    color: #e21400
}

.ml-combobox__input--error:focus+.ml-combobox__label-text,.ml-combobox__input--error:not(:placeholder-shown)+.ml-combobox__label-text {
    color: #e21400
}

.mlc-smart-banner {
    align-items: center;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 8px
}

.mlc-smart-banner--neutral {
    background-color: #f4f8fc;
    border: 1px solid #1b59ac
}

.mlc-smart-banner--warning {
    background-color: #fef6e7;
    border: 1px solid #ffc400
}

.mlc-smart-banner__icon-and-text {
    align-items: center;
    display: flex;
    margin-right: 8px
}

.mlc-smart-banner__info-icon {
    margin-right: 8px
}

.mlc-smart-banner__info-icon--neutral {
    color: #1b59ac
}

.mlc-smart-banner__info-icon--warning {
    color: #ffc400
}

.mlc-smart-banner__price {
    display: inline
}

.mlc-change-cart-confirmation-modal__actions {
    display: flex;
    flex-direction: column
}

@media (min-width: 1200px) {
    .mlc-change-cart-confirmation-modal__actions {
        flex-direction:row;
        justify-content: flex-end
    }

    .mlc-change-cart-confirmation-modal__primary-action {
        order: 2
    }

    .mlc-change-cart-confirmation-modal__secondary-action {
        margin-right: 56px;
        order: 1
    }
}

.mlc-change-cart-confirmation-modal__first-divider {
    margin-bottom: 8px
}

@media (min-width: 1200px) {
    .mlc-change-cart-confirmation-modal__first-divider,.mlc-change-cart-confirmation-modal__second-divider {
        display:none
    }
}

.mlc-smart-icon {
    height: 20px;
    width: 74px
}

.mlc-smart-icon--small {
    height: 16px;
    width: 60px
}

.mlc-banner-content {
    color: #222;
    display: flex;
    flex-direction: column;
    text-decoration: none
}

.mlc-banner-content:focus-visible {
    outline: 2px dotted #008673;
    outline-offset: 4px
}

.mlc-banner-content__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px
}

.mlc-banner-content__header-icon {
    margin-left: 8px
}

.mlc-banner-content__title {
    display: flex;
    margin-right: 8px
}

.mlc-banner-content__icon--size-small {
    height: 24px;
    width: 24px
}

.mlc-banner-content__icon--size-medium {
    height: 24px;
    width: 100px
}

.mlc-banner-content__action {
    margin-top: 16px
}

@media (min-width: 1200px) {
    .mlc-banner-content__action {
        -ms-grid-row-align:center;
        align-self: center;
        min-width: 328px
    }
}

.mlc-top-navigation,.mlc-top-navigation-back-button,.mlc-top-navigation-icon-link {
    align-items: center;
    display: flex
}

.mlc-top-navigation {
    -moz-column-gap: 16px;
    column-gap: 16px
}

@media (max-width: 1199px) {
    .mlc-top-navigation {
        border-radius:0
    }
}

@media (min-width: 1200px) {
    .mlc-top-navigation--mobile-web-only {
        display:none
    }

    .mlc-top-navigation:not(.mlc-top-navigation--mobile-web-only) {
        margin: 0 auto;
        max-width: 878px
    }
}

.mlc-map-widget {
    height: 100%;
    position: relative;
    width: 100%
}

.mlc-map-widget__interface {
    border-radius: 8px;
    height: 100%;
    width: 100%
}

@media (max-width: 767px) {
    .mlc-map-widget__interface {
        border-radius:0
    }
}

.mlc-map-layout {
    height: 100%;
    left: 50%;
    max-height: 783px;
    max-width: 1176px;
    outline: 0;
    padding: 16px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

@media (max-width: 767px) {
    .mlc-map-layout {
        max-height:100%;
        padding: 0
    }
}

.mlc-map-layout__overlay {
    background-color: rgba(0,0,0,.6);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.mlc-map-layout__content {
    display: -ms-grid;
    display: grid;
    height: 100%;
    width: 100%;
    -ms-grid-rows: auto 1fr;
    background-color: #fff;
    border-radius: 8px;
    grid-template-rows: auto 1fr;
    padding: 24px;
    place-items: center;
    row-gap: 16px
}

@media (max-width: 767px) {
    .mlc-map-layout__content {
        border-radius:0;
        padding: 0;
        row-gap: 0
    }
}

.mlc-map-layout__top-container {
    width: 100%
}

@media (max-width: 767px) {
    .mlc-map-layout__top-container {
        box-shadow:0 2px 8px rgba(0,0,0,.16);
        margin-bottom: 8px
    }
}

.mlc-map-layout__search-and-filter {
    display: flex;
    gap: 16px
}

@media (max-width: 767px) {
    .mlc-map-layout__search-and-filter {
        flex-direction:column;
        padding: 0 16px 8px
    }
}

.mlc-map-layout__divider {
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .mlc-map-layout__divider {
        display:none
    }
}

.mlc-map-error {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 360px;
    padding: 16px;
    text-align: center
}

.mlc-map-error__info-wrapper {
    margin-bottom: 24px
}

.mlc-map-error__info-wrapper :not(:last-child) {
    margin-bottom: 16px
}

.mlc-map-spinner {
    align-items: center;
    display: flex;
    justify-content: center
}

.mlc-map-search {
    flex: 1;
    position: relative;
    width: 100%;
    z-index: 10
}

.mlc-pickup-point-details {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,.16);
    display: flex;
    flex-direction: column;
    left: 16px;
    max-width: 328px;
    padding: 16px;
    position: absolute;
    top: 16px;
    width: calc(100% - 32px)
}

@media (max-width: 767px) {
    .mlc-pickup-point-details {
        bottom:16px;
        max-width: 100%;
        top: auto
    }
}

.mlc-pickup-point-details__error {
    margin-bottom: 16px
}

.mlc-pickup-point-details__name,.mlc-pickup-point-details__smart {
    display: flex;
    justify-content: space-between
}

.mlc-pickup-point-details__smart-info {
    align-items: center;
    display: flex;
    gap: 4px
}

.mlc-pickup-point-details__smart-price {
    justify-self: flex-end
}

.mlc-pickup-point-details__address {
    font-style: normal;
    margin-top: 4px
}

.mlc-pickup-point-details__description {
    white-space: pre-wrap
}

.mlc-pickup-point-details__heading {
    flex-grow: 1
}

.mlc-pickup-point-details__button {
    margin-top: 16px;
    width: 100%
}

.mlc-map-header {
    display: flex;
    padding: 16px;
    width: 100%
}

@media (min-width: 768px) {
    .mlc-map-header {
        justify-content:space-between;
        margin-bottom: 8px;
        padding: 0
    }
}

.mlc-map-header__close--mobile {
    margin-right: 16px
}

@media (min-width: 768px) {
    .mlc-map-header__close--mobile {
        display:none
    }
}

@media (max-width: 767px) {
    .mlc-map-header__close--desktop {
        display:none
    }
}

.mlc-pickup-points-filter {
    width: 100%
}

@media (min-width: 768px) {
    .mlc-pickup-points-filter {
        max-width:360px
    }
}

.mlc-map-marker {
    position: relative
}

.mlc-map-marker__label {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 44px;
    justify-content: center;
    left: 0;
    line-height: 19px;
    position: absolute;
    top: 0;
    width: 48px
}

.mlc-pickup-point-marker {
    height: var(--container-size);
    width: var(--container-size)
}

.mlc-pickup-point-marker--selected {
    --container-size: 64px;
    background-image: url(https://lokalnie-prod-assets.storage.googleapis.com/ui/versions/b8c6e583/assets/19149956cbdc44c280df.svg)
}

.mlc-pickup-point-marker--inactive {
    --container-size: 48px;
    background-image: url(https://lokalnie-prod-assets.storage.googleapis.com/ui/versions/b8c6e583/assets/8c9f6476a713672db01f.svg)
}

.mlc-pickup-point-marker--selected>.mlc-pickup-point-marker__logo {
    --logo-size: 42px;
    transform: translate(11px,6px)
}

.mlc-pickup-point-marker--inactive>.mlc-pickup-point-marker__logo {
    --logo-size: 32px;
    transform: translate(8px,4px)
}

.mlc-pickup-point-marker__logo {
    height: var(--logo-size);
    width: var(--logo-size)
}

.mlc-transaction__top-navigation {
    margin-bottom: 8px
}

@media (max-width: 1199px) {
    .mlc-cart-transaction-form {
        --safe-area-inset-bottom:env(safe-area-inset-bottom,0);
        padding-bottom: calc(var(--safe-area-inset-bottom) + 56px)
    }
}

@media (min-width: 1200px) {
    .mlc-cart-transaction-form {
        display:-ms-grid;
        display: grid;
        -ms-grid-columns: minmax(0,1fr) 24px 456px;
        -moz-column-gap: 24px;
        column-gap: 24px;
        grid-template-columns: minmax(0,1fr) 456px;
        -ms-grid-rows: (auto)[4];
        grid-template-areas: "items sidebar" "delivery-agreed sidebar" "delivery-option sidebar" "delivery-details sidebar";
        grid-template-rows: repeat(4,auto);
        margin-bottom: 24px
    }
}

.mlc-cart-transaction-form__items {
    grid-area: items
}

@media (min-width: 1200px) {
    .mlc-cart-transaction-form__items {
        margin-bottom:0
    }
}

.mlc-cart-transaction-form__delivery-agreed {
    grid-area: delivery-agreed
}

@media (min-width: 1200px) {
    .mlc-cart-transaction-form__delivery-agreed {
        margin-bottom:0;
        margin-top: 8px
    }
}

.mlc-cart-transaction-form__delivery-options {
    grid-area: delivery-option
}

@media (min-width: 1200px) {
    .mlc-cart-transaction-form__delivery-options {
        margin-bottom:0;
        margin-top: 8px
    }
}

.mlc-cart-transaction-form__delivery-details {
    grid-area: delivery-details
}

@media (min-width: 1200px) {
    .mlc-cart-transaction-form__delivery-details {
        margin-bottom:0;
        margin-top: 8px
    }
}

.mlc-cart-transaction-form__sidebar {
    grid-area: sidebar
}

@media (min-width: 1200px) {
    .mlc-cart-transaction-form__sticky {
        position:sticky;
        top: 96px
    }
}

.mlc-cart-transaction-form__safe-transaction {
    margin-bottom: 8px
}

@media (min-width: 1200px) {
    .mlc-cart-transaction-form__safe-transaction {
        margin-bottom:0
    }
}

.mlc-cart-transaction-form__smart-banner {
    margin-bottom: 8px
}

@media (min-width: 1200px) {
    .mlc-cart-transaction-form__smart-banner {
        display:none
    }
}

.mlc-cart-transaction-form__action {
    width: 100%
}

@media (max-width: 1199px) {
    .mlc-cart-transaction-form__action {
        display:none
    }
}

@media (min-width: 1200px) {
    .mlc-cart-transaction-form__sticky-action {
        display:none
    }
}

@media (max-width: 1199px) {
    .mlc-settle-transaction-form {
        --safe-area-inset-bottom:env(safe-area-inset-bottom,0);
        padding-bottom: calc(var(--safe-area-inset-bottom) + 56px)
    }
}

@media (min-width: 1200px) {
    .mlc-settle-transaction-form {
        display:-ms-grid;
        display: grid;
        -ms-grid-columns: minmax(0,1fr) 24px 456px;
        -moz-column-gap: 24px;
        column-gap: 24px;
        grid-template-columns: minmax(0,1fr) 456px;
        -ms-grid-rows: (auto)[4];
        grid-template-areas: "item sidebar" "delivery-option sidebar" "delivery-details sidebar";
        grid-template-rows: repeat(4,auto);
        margin-bottom: 24px
    }

    .mlc-settle-transaction-form>.mlc-cart-transaction-form__delivery-options {
        -ms-grid-column: 1;
        -ms-grid-row: 2
    }

    .mlc-settle-transaction-form>.mlc-cart-transaction-form__delivery-details {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }

    .mlc-settle-transaction-form>.mlc-cart-transaction-form__sidebar {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3
    }
}

.mlc-settle-transaction-form__item {
    grid-area: item
}

@media (min-width: 1200px) {
    .mlc-settle-transaction-form__item {
        margin-bottom:0
    }
}

.mlc-settle-transaction-form__delivery-options {
    grid-area: delivery-option
}

@media (min-width: 1200px) {
    .mlc-settle-transaction-form__delivery-options {
        margin-bottom:0;
        margin-top: 8px
    }
}

.mlc-settle-transaction-form__delivery-details {
    grid-area: delivery-details
}

@media (min-width: 1200px) {
    .mlc-settle-transaction-form__delivery-details {
        margin-bottom:0;
        margin-top: 8px
    }
}

.mlc-settle-transaction-form__sidebar {
    grid-area: sidebar
}

@media (min-width: 1200px) {
    .mlc-cart-transaction-form__items {
        -ms-grid-column:1;
        -ms-grid-row: 1
    }

    .mlc-cart-transaction-form__delivery-agreed {
        -ms-grid-column: 1;
        -ms-grid-row: 2
    }

    .mlc-cart-transaction-form__delivery-options {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }

    .mlc-cart-transaction-form__delivery-details {
        -ms-grid-column: 1;
        -ms-grid-row: 4
    }

    .mlc-cart-transaction-form__sidebar {
        -ms-grid-row: 1;
        -ms-grid-row-span: 4;
        -ms-grid-column: 3
    }

    .mlc-settle-transaction-form__item {
        -ms-grid-column: 1;
        -ms-grid-row: 1
    }

    .mlc-settle-transaction-form__delivery-options {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }

    .mlc-settle-transaction-form>.mlc-settle-transaction-form__delivery-options {
        -ms-grid-column: 1;
        -ms-grid-row: 2
    }

    .mlc-settle-transaction-form__delivery-details {
        -ms-grid-column: 1;
        -ms-grid-row: 4
    }

    .mlc-settle-transaction-form>.mlc-settle-transaction-form__delivery-details {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }

    .mlc-settle-transaction-form__sidebar {
        -ms-grid-row: 1;
        -ms-grid-row-span: 4;
        -ms-grid-column: 3
    }

    .mlc-settle-transaction-form>.mlc-settle-transaction-form__sidebar {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3
    }

    .mlc-settle-transaction-form__sticky {
        position: sticky;
        top: 96px
    }
}

.mlc-settle-transaction-form__safe-transaction {
    margin-bottom: 8px
}

@media (min-width: 1200px) {
    .mlc-settle-transaction-form__safe-transaction {
        margin-bottom:0
    }
}

.mlc-settle-transaction-form__smart-banner {
    margin-bottom: 8px
}

@media (min-width: 1200px) {
    .mlc-settle-transaction-form__smart-banner {
        display:none
    }
}

.mlc-settle-transaction-form__action {
    width: 100%
}

@media (max-width: 1199px) {
    .mlc-settle-transaction-form__action {
        display:none
    }
}

@media (min-width: 1200px) {
    .mlc-settle-transaction-form__sticky-action {
        display:none
    }
}

.mlc-delivery-selection-tile__info {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.mlc-delivery-selection-tile__details {
    display: flex;
    margin-right: 8px
}

.mlc-delivery-selection-tile__badge {
    margin-left: 8px
}

.mlc-delivery-selection-tile__icon {
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.mlc-delivery-selection-tile__description {
    margin-top: 4px
}

.mlc-delivery-selection-tile__smart {
    display: flex;
    justify-content: space-between
}

.mlc-delivery-selection-tile__smart-content {
    display: flex
}

.mlc-delivery-selection-tile__smart-text {
    margin-right: 4px
}

.mlc-delivery-details__info {
    display: flex;
    flex-direction: column
}

.mlc-delivery-details__divider {
    margin-top: 16px
}

@media (min-width: 1200px) {
    .mlc-delivery-agreed__container,.mlc-delivery-details__recipient-address {
        max-width:550px
    }
}

.mlc-delivery-agreed__heading {
    margin-bottom: 4px
}

.mlc-delivery-agreed__subtitle {
    margin-bottom: 16px
}

.mlc-recipient-address__switch-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 8px 0
}

.mlc-recipient-address__error {
    margin-bottom: 8px
}

.mlc-recipient-address-additional-message__title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 16px
}

.mlc-recipient-address-additional-message__textarea {
    margin-top: 16px
}

.mlc-transaction-summary__price {
    align-items: flex-end;
    display: flex;
    flex-direction: column
}

.mlc-transaction-summary__smart-banner {
    margin-bottom: 16px
}

@media (max-width: 1199px) {
    .mlc-transaction-summary__smart-banner {
        display:none
    }
}

.mlc-transaction-summary__additional-info {
    text-align: center
}

@media (max-width: 1199px) {
    .mlc-transaction-summary__additional-info {
        border-top:1px solid #e7e7e7;
        margin-top: 8px;
        padding-top: 8px
    }
}

@media (min-width: 1200px) {
    .mlc-transaction-summary__additional-info {
        margin-top:16px
    }
}

.mlc-transaction-action__payments-technical-break-info {
    margin-top: 8px
}

.mlc-summary-delivery-selected__price-heading {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (max-width: 1199px) {
    .mlc-summary-delivery-selected__price-heading {
        color:#222;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        margin: 0
    }
}

.mlc-summary-delivery-selected__summary>*+* {
    margin-top: 4px
}

.mlc-summary-delivery-selected__additional-info {
    border-top: 1px solid #e7e7e7;
    margin-top: 16px
}

@media (min-width: 1200px) {
    .mlc-summary-delivery-selected__additional-info {
        border-bottom:1px solid #e7e7e7;
        margin: 16px 0
    }
}

.mlc-summary-delivery-selected__price-row {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.mlc-summary-delivery-selected__delivery-row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    padding: 16px 0
}

.mlc-summary-delivery-selected__row-title {
    flex-shrink: 0;
    margin-right: 16px
}

.mlc-summary-delivery-selected__row-value {
    color: #222;
    text-align: right
}

.mlc-summary-delivery-selected__divider--top {
    margin: 16px 0
}

@media (max-width: 1199px) {
    .mlc-summary-delivery-selected__divider--top {
        margin:8px 0 16px
    }
}

.mlc-summary-delivery-selected__divider--bottom {
    margin: 16px 0
}

@media (max-width: 1199px) {
    .mlc-summary-delivery-selected__divider--bottom {
        display:none
    }
}

.mlc-summary-basic-info {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width: 1200px) {
    .mlc-summary-basic-info {
        margin-bottom:16px
    }
}

@media (max-width: 1199px) {
    .mlc-summary-basic-info__price-heading {
        color:#222;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        margin: 0
    }
}

.mlc-summary-basic-info__price-wrapper {
    align-items: flex-end;
    display: flex;
    flex-direction: column
}

@media (max-width: 1199px) {
    .mlc-summary-basic-info__delivery-price {
        font-size:16px;
        line-height: 22px
    }

    .mlc-summary-basic-info__delivery-price-info {
        font-size: 14px;
        line-height: 19px
    }
}

.mlc-payment-methods {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    padding-top: 16px
}

@media (min-width: 1200px) {
    .mlc-payment-methods {
        padding:8px 0
    }
}

.mlc-payment-methods__title {
    flex-shrink: 0;
    margin-right: 16px
}

.mlc-payment-methods__list {
    display: flex
}

.mlc-payment-methods__list>:not(:last-child) {
    margin-right: 8px
}

.mlc-payment-methods__list-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 4px;
    justify-content: center
}

.mlc-payment-methods__list-item:not(:last-of-type) {
    border-right: 1px solid #e7e7e7;
    padding-right: 8px
}

.mlc-recipient-address-list__unwind {
    align-items: center;
    display: flex;
    justify-content: center
}

.mlc-delivery-options__heading {
    margin-bottom: 4px
}

@media (min-width: 1200px) {
    .mlc-delivery-options__list {
        max-width:550px
    }
}

.mlc-delivery-options__info {
    margin-bottom: 16px
}

.mlc-delivery-options__error {
    margin-bottom: 8px
}

@media (min-width: 1200px) {
    .mlc-delivery-options__error {
        max-width:550px
    }
}

.mlc-ask-for-delivery-info {
    z-index: 910
}

.mlc-ask-for-delivery-info__content {
    max-width: 384px
}

.mlc-ask-for-delivery-info__trigger {
    padding: 4px 0
}

.mlc-preferred-delivery__top-container {
    align-items: center;
    display: flex
}

.mlc-preferred-delivery__info {
    color: #767676;
    margin-bottom: 24px
}

.mlc-preferred-delivery__heading {
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 4px
}

.mlc-delivery-pickup-point {
    margin-top: 16px
}

.mlc-delivery-pickup-point__select-container {
    max-width: 328px
}

.mlc-delivery-pickup-point__select-button {
    margin-top: 8px;
    width: 100%
}

.mlc-delivery-pickup-point__address {
    font-style: normal
}

.mlc-delivery-pickup-point__description {
    display: block;
    white-space: pre-wrap
}

.mlc-delivery-pickup-point__smart {
    align-items: flex-end;
    display: flex;
    margin-bottom: 4px
}

.mlc-delivery-pickup-point__smart-text {
    margin-right: 8px
}

.ml-sr-only {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

@keyframes ml-slide-bottom-in {
    0% {
        opacity: 0;
        transform: translateY(100vh)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes ml-slide-bottom-out {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(100vh)
    }
}

@keyframes ml-slide-right-in {
    0% {
        opacity: 0;
        transform: translateX(100vw)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes ml-slide-right-out {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(100vw)
    }
}

.ml-f {
    display: flex!important
}

.ml-f-center {
    justify-content: center!important
}

.ml-f-a-center,.ml-f-center {
    align-items: center!important;
    display: flex!important
}

.ml-f-col {
    display: flex!important;
    flex-direction: column!important
}

.ml-f-grow {
    flex-grow: 1!important
}

.ml-f-no-grow {
    flex-grow: 0!important
}

.ml-f-no-shrink {
    flex-shrink: 0!important
}

.ml-f-space-between {
    justify-content: space-between!important
}

.ml-f-align-end {
    align-items: flex-end!important
}

.ml-m-t-0 {
    margin-top: 0!important
}

.ml-p-t-0 {
    padding-top: 0!important
}

.ml-m-r-0 {
    margin-right: 0!important
}

.ml-p-r-0 {
    padding-right: 0!important
}

.ml-m-b-0 {
    margin-bottom: 0!important
}

.ml-p-b-0 {
    padding-bottom: 0!important
}

.ml-m-l-0 {
    margin-left: 0!important
}

.ml-p-l-0 {
    padding-left: 0!important
}

.ml-m-0 {
    margin: 0!important
}

.ml-p-0 {
    padding: 0!important
}

.ml-m-v-0 {
    margin-bottom: 0!important;
    margin-top: 0!important
}

.ml-m-h-0 {
    margin-left: 0!important;
    margin-right: 0!important
}

.ml-p-v-0 {
    padding-bottom: 0!important;
    padding-top: 0!important
}

.ml-p-h-0 {
    padding-left: 0!important;
    padding-right: 0!important
}

.ml-m-t-4 {
    margin-top: 4px!important
}

.ml-p-t-4 {
    padding-top: 4px!important
}

.ml-m-r-4 {
    margin-right: 4px!important
}

.ml-p-r-4 {
    padding-right: 4px!important
}

.ml-m-b-4 {
    margin-bottom: 4px!important
}

.ml-p-b-4 {
    padding-bottom: 4px!important
}

.ml-m-l-4 {
    margin-left: 4px!important
}

.ml-p-l-4 {
    padding-left: 4px!important
}

.ml-m-4 {
    margin: 4px!important
}

.ml-p-4 {
    padding: 4px!important
}

.ml-m-v-4 {
    margin-bottom: 4px!important;
    margin-top: 4px!important
}

.ml-m-h-4 {
    margin-left: 4px!important;
    margin-right: 4px!important
}

.ml-p-v-4 {
    padding-bottom: 4px!important;
    padding-top: 4px!important
}

.ml-p-h-4 {
    padding-left: 4px!important;
    padding-right: 4px!important
}

.ml-m-t-8 {
    margin-top: 8px!important
}

.ml-p-t-8 {
    padding-top: 8px!important
}

.ml-m-r-8 {
    margin-right: 8px!important
}

.ml-p-r-8 {
    padding-right: 8px!important
}

.ml-m-b-8 {
    margin-bottom: 8px!important
}

.ml-p-b-8 {
    padding-bottom: 8px!important
}

.ml-m-l-8 {
    margin-left: 8px!important
}

.ml-p-l-8 {
    padding-left: 8px!important
}

.ml-m-8 {
    margin: 8px!important
}

.ml-p-8 {
    padding: 8px!important
}

.ml-m-v-8 {
    margin-bottom: 8px!important;
    margin-top: 8px!important
}

.ml-m-h-8 {
    margin-left: 8px!important;
    margin-right: 8px!important
}

.ml-p-v-8 {
    padding-bottom: 8px!important;
    padding-top: 8px!important
}

.ml-p-h-8 {
    padding-left: 8px!important;
    padding-right: 8px!important
}

.ml-m-t-16 {
    margin-top: 16px!important
}

.ml-p-t-16 {
    padding-top: 16px!important
}

.ml-m-r-16 {
    margin-right: 16px!important
}

.ml-p-r-16 {
    padding-right: 16px!important
}

.ml-m-b-16 {
    margin-bottom: 16px!important
}

.ml-p-b-16 {
    padding-bottom: 16px!important
}

.ml-m-l-16 {
    margin-left: 16px!important
}

.ml-p-l-16 {
    padding-left: 16px!important
}

.ml-m-16 {
    margin: 16px!important
}

.ml-p-16 {
    padding: 16px!important
}

.ml-m-v-16 {
    margin-bottom: 16px!important;
    margin-top: 16px!important
}

.ml-m-h-16 {
    margin-left: 16px!important;
    margin-right: 16px!important
}

.ml-p-v-16 {
    padding-bottom: 16px!important;
    padding-top: 16px!important
}

.ml-p-h-16 {
    padding-left: 16px!important;
    padding-right: 16px!important
}

.ml-m-t-24 {
    margin-top: 24px!important
}

.ml-p-t-24 {
    padding-top: 24px!important
}

.ml-m-r-24 {
    margin-right: 24px!important
}

.ml-p-r-24 {
    padding-right: 24px!important
}

.ml-m-b-24 {
    margin-bottom: 24px!important
}

.ml-p-b-24 {
    padding-bottom: 24px!important
}

.ml-m-l-24 {
    margin-left: 24px!important
}

.ml-p-l-24 {
    padding-left: 24px!important
}

.ml-m-24 {
    margin: 24px!important
}

.ml-p-24 {
    padding: 24px!important
}

.ml-m-v-24 {
    margin-bottom: 24px!important;
    margin-top: 24px!important
}

.ml-m-h-24 {
    margin-left: 24px!important;
    margin-right: 24px!important
}

.ml-p-v-24 {
    padding-bottom: 24px!important;
    padding-top: 24px!important
}

.ml-p-h-24 {
    padding-left: 24px!important;
    padding-right: 24px!important
}

.ml-w-100 {
    width: 100%!important
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    -webkit-transform: translateZ(9999px);
    width: 320px;
    z-index: 9999
}

.Toastify__toast-container--top-left {
    left: 1em;
    top: 1em
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: 1em;
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    right: 1em;
    top: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        left:0;
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right {
        top: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        left: auto;
        right: 0
    }
}

.Toastify__toast {
    border-radius: 1px;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);
    box-sizing: border-box;
    cursor: pointer;
    direction: ltr;
    display: flex;
    font-family: sans-serif;
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: 800px;
    min-height: 64px;
    overflow: hidden;
    padding: 8px;
    position: relative
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--dark {
    background: #121212;
    color: #fff
}

.Toastify__toast--default {
    background: #fff;
    color: #aaa
}

.Toastify__toast--info {
    background: #3498db
}

.Toastify__toast--success {
    background: #07bc0c
}

.Toastify__toast--warning {
    background: #f1c40f
}

.Toastify__toast--error {
    background: #e74c3c
}

.Toastify__toast-body {
    flex: 1 1 auto;
    margin: auto 0
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        margin-bottom:0
    }
}

.Toastify__close-button {
    align-self: flex-start;
    background: 0 0;
    border: 0;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    outline: 0;
    padding: 0;
    transition: .3s ease
}

.Toastify__close-button--default {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,.Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    background-color: hsla(0,0%,100%,.7);
    bottom: 0;
    height: 5px;
    left: 0;
    opacity: .7;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: 9999
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    left: auto;
    right: 0;
    transform-origin: right
}

.Toastify__progress-bar--default {
    background: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)
}

.Toastify__progress-bar--dark {
    background: #bb86fc
}

@keyframes Toastify__bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes Toastify__bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes Toastify__bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes Toastify__bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0,-110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(110%,0,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-110%,0,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,500px,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,-500px,0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left {
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right {
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown
}

/*# sourceMappingURL=transaction.css.map*/