/*icons*/
.icon__container {

    background: var(--color-white);
    border-radius: 100%;
    width: 2rem;
    height: 2rem;
    display: flex;
    border: 2px solid transparent;
    align-items: center;
    justify-content: center;
}

.icon__container img {
    max-width: calc(100% - 0.5rem);
}

a:hover .icon__container {
    box-shadow: var(--shadow-1);
}

a:focus .icon__container {
    border-color: var(--color-green-2);
}

.icon__chevron-down::before,
.icon__layers::before,
.icon__chevron-up::before,
.icon__check::before,
.icon__smartphone::before,
.icon__check-circle::before,
.icon__filter::before,
.icon__instagram::before, .icon__linkedin::before, .icon__facebook::before,
.icon__star-filled::before, .icon__star::before,
.icon__arrow-right::before, .icon__arrow-left::before,
.icon__info::before,
.icon__user::before,
.icon__align-left::before,
.icon__shopping-cart::before,
.icon__shopping-cart-empty::before,
.icon__chevron-down::before,
.icon__chevron-up::before, .icon__pen-tool::before,
.icon__plus::before, .icon__minus::before,
.icon__chevron-right::before, .icon__chevrons-right::before,
.icon__x::before,
.icon__book::before,
.icon__customer-service::before,
.icon__package::before,
.icon__mouse-pointer::before,
.icon__smile::before,
.icon__upload::before,
.icon__truck::before,
.icon__trash::before,
.icon__edit-2::before,
.icon__maximize-2::before,
.icon__google::before,
.icon__ekomi::before,
.icon__fsc::before,
.icon__payment-visa::before,
.icon__payment-mastercard::before,
.icon__payment-paypal::before,
.icon__sda::before,
.icon__ups::before,
.icon__dhl::before,
.icon__brt::before,
.icon__search::before,
.icon__map::before,
.icon__map-pin::before,
.icon__lock::before,
.icon__send::before,
.icon__frown::before,
.icon__euro::before,
.icon__settings::before,
.icon__smartphone::before,
.icon__mail::before,
.icon__printer::before,
.icon__file-plus::before,
.icon__alert-circle::before,
.icon__file::before,
.icon__edit::before,
.icon__phone::before,
.icon__home::before,
.icon__dollar-sign::before,
.icon__tag::before,
.icon__refresh-ccw::before,
.icon__external-link::before,
.icon__award::before,
.icon__flag::before,
.icon__download::before,
.icon__target::before,
.icon__file-text::before,
.icon__fsc-icon::before,
.icon__gift::before,
.icon__key::before,
.icon__users::before,
.icon__columns::before,
.icon__thumbs-up::before {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    background: currentColor;
    vertical-align: middle;
    transition: inherit;
}

.icon__logo-paypal::before {
    content: "";
    width: 59.921px;
    height: 14.632px;
    display: inline-block;
    background: currentColor;
    vertical-align: middle;
    transition: inherit;
}


.icon__align-left::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/align-left.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/align-left.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__layers::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/layers.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/layers.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__smartphone::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/smartphone.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/smartphone.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__arrow-left::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/arrow-left.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/arrow-left.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__arrow-right::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/arrow-right.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/arrow-right.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__book::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/book.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/book.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__check::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/check.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/check.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__check-circle::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/check-circle.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/check-circle.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__chevron-down::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/chevron-down.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/chevron-down.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__chevron-right::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/chevron-right.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/chevron-right.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__chevrons-right::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/chevrons-right.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/chevrons-right.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__chevron-up::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/chevron-up.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/chevron-up.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__customer-service::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/customer-service.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/customer-service.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__facebook::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/facebook.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/facebook.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__chevron-up::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/chevron-up.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/chevron-up.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__edit-2::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/edit-2.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/edit-2.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__filter::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/filter.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/filter.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

i.icon__info::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/info.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/info.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__instagram::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/instagram.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/instagram.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__linkedin::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/linkedin.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/linkedin.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__minus::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/minus.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/minus.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__mouse-pointer::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/mouse-pointer.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/mouse-pointer.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__package::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/package.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/package.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__plus::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/plus.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/plus.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__shopping-cart::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/shopping-cart.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/shopping-cart.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__shopping-cart-empty::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/shopping-cart-empty.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/shopping-cart-empty.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__smile::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/smile.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/smile.svg);
    -webkit-mask-repeat: no-repeat;
    width: 20px;
    height: 20px;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__star::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/star.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/star.svg);
    -webkit-mask-repeat: no-repeat;
    width: 20px;
    height: 20px;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__star-filled::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/star-filled.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/star-filled.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    width: 20px;
    height: 20px;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__truck::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/truck.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/truck.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__trash::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/trash.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/trash.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__upload::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/upload.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/upload.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__user::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/user.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/user.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__x::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/x.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/x.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__pen-tool::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/pen-tool.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/pen-tool.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__maximize-2::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/maximize-2.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/maximize-2.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__google::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/google.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/google.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__ekomi::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/ekomi.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/ekomi.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__fsc::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/fsc.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/fsc.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__payment-visa::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/payment-visa.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/payment-visa.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__payment-mastercard::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/payment-mastercard.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/payment-mastercard.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__payment-paypal::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/payment-paypal.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/payment-paypal.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__sda::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/sda.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/sda.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__ups::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/ups.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/ups.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__dhl::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/dhl.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/dhl.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__brt::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/brt.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/brt.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__search::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/search.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/search.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__map::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/map.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/map.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__map-pin::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/map-pin.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/map-pin.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__lock::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/lock.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/lock.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__logo-paypal::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/LogoPaypal.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/LogoPaypal.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__send::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/send.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/send.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__frown::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/frown.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/frown.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__euro::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/euro.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/euro.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__settings::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/settings.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/settings.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__smartphone::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/smartphone.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/smartphone.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__mail::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/mail.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/mail.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__printer::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/printer.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/printer.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__file-plus::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/file-plus.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/file-plus.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__alert-circle::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/alert-circle.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/alert-circle.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__file::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/file.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/file.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__edit::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/edit.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/edit.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__phone::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/phone.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/phone.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__home::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/home.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/home.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__dollar-sign::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/dollar-sign.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/dollar-sign.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__tag::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/tag.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/tag.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__refresh-ccw::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/refresh-ccw.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/refresh-ccw.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__external-link::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/external-link.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/external-link.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__award::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/award.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/award.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__flag::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/flag.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/flag.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__download::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/download.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/download.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__target::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/target.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/target.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__fsc-icon::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/fsc-icon.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/fsc-icon.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__gift::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/gift.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/gift.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__key::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/key.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/key.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__users::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/users.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/users.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__loader::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/loader.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/loader.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__columns::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/columns.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/columns.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

.icon__thumbs-up::before {
    -webkit-mask-image: url(/Frontend/Client/Assets/Icons/thumbs-up.svg);
    mask-image: url(/Frontend/Client/Assets/Icons/thumbs-up.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
}

@media (min-width: 576px) {
    .icon__container {
        min-width: 2.3rem;
        width: 2.3rem;
        height: 2.3rem;
    }
}