@layer components {
/* Common */
.icon {
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon::before {
    content: "";
    display: inline-block;
}

/* Icon */
.icon-hand-sanitizer::before {
    mask: url(/stcontents/img/lp-components/icon/hand-sanitizer.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/hand-sanitizer.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-sanitize::before {
    mask: url(/stcontents/img/lp-components/icon/sanitize.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/sanitize.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-ventilation::before {
    mask: url(/stcontents/img/lp-components/icon/ventilation.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/ventilation.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-social-distance::before {
    mask: url(/stcontents/img/lp-components/icon/social-distance.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/social-distance.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-staff::before {
    mask: url(/stcontents/img/lp-components/icon/staff.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/staff.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-announce::before {
    mask: url(/stcontents/img/lp-components/icon/announce.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/announce.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-car::before {
    mask: url(/stcontents/img/lp-components/icon/car.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/car.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-public-transport::before {
    mask: url(/stcontents/img/lp-components/icon/public-transport.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/public-transport.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-bus::before {
    mask: url(/stcontents/img/lp-components/icon/bus.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/bus.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-notes::before {
    mask: url(/stcontents/img/lp-components/icon/notes.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/notes.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-other::before {
    mask: url(/stcontents/img/lp-components/icon/other.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/other.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-information::before {
    mask: url(/stcontents/img/lp-components/icon/information.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/information.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-accessibility::before {
    mask: url(/stcontents/img/lp-components/icon/accessibility.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/accessibility.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-pets::before {
    mask: url(/stcontents/img/lp-components/icon/pets.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/pets.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-cashless-payment::before {
    mask: url(/stcontents/img/lp-components/icon/cashless-payment.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/cashless-payment.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-credit-card::before {
    mask: url(/stcontents/img/lp-components/icon/credit-card.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/credit-card.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-rooms::before {
    mask: url(/stcontents/img/lp-components/icon/rooms.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/rooms.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-address::before {
    mask: url(/stcontents/img/lp-components/icon/address.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/address.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-hotel-name::before {
    mask: url(/stcontents/img/lp-components/icon/hotel-name.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/hotel-name.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-attractions::before {
    mask: url(/stcontents/img/lp-components/icon/attractions.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/attractions.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-check-inout::before {
    mask: url(/stcontents/img/lp-components/icon/check-inout.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/check-inout.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-invoice::before {
    mask: url(/stcontents/img/lp-components/icon/invoice.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/invoice.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-open::before {
    mask: url(/stcontents/img/lp-components/icon/open.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/open.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-renewal::before {
    mask: url(/stcontents/img/lp-components/icon/renewal.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/renewal.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-detail::before {
    mask: url(/stcontents/img/lp-components/icon/detail.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/detail.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-in-out::before {
    mask: url(/stcontents/img/lp-components/icon/in-out.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/in-out.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-current-location::before {
    mask: url(/stcontents/img/lp-components/icon/current-location.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/current-location.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-area::before {
    mask: url(/stcontents/img/lp-components/icon/area.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/area.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-enabled::before {
    mask: url(/stcontents/img/lp-components/icon/enabled.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/enabled.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-calendar::before {
    mask: url(/stcontents/img/lp-components/icon/calendar.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/calendar.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-map::before {
    mask: url(/stcontents/img/lp-components/icon/map.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/map.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-search::before {
    mask: url(/stcontents/img/lp-components/icon/search.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/search.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-restaurant::before {
    mask: url(/stcontents/img/lp-components/icon/restaurant.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/restaurant.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-advanced::before {
    mask: url(/stcontents/img/lp-components/icon/advanced.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/advanced.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-keisen-1::before {
    mask: url(/stcontents/img/lp-components/icon/keisen-1.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/keisen-1.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-keisen-2::before {
    mask: url(/stcontents/img/lp-components/icon/keisen-2.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/keisen-2.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-gallery::before {
    mask: url(/stcontents/img/lp-components/icon/gallery.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/gallery.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-help-line::before {
    mask: url(/stcontents/img/lp-components/icon/help-line.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/help-line.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 20px;
    height: 20px;
}
.icon-help-solid::before {
    mask: url(/stcontents/img/lp-components/icon/help-solid.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/help-solid.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 20px;
    height: 20px;
}
.icon-info-line::before {
    mask: url(/stcontents/img/lp-components/icon/info-line.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/info-line.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 20px;
    height: 20px;
}
.icon-info-solid::before {
    mask: url(/stcontents/img/lp-components/icon/info-solid.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/info-solid.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 20px;
    height: 20px;
}
.icon-alert-line::before {
    mask: url(/stcontents/img/lp-components/icon/alert-line.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/alert-line.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 20px;
    height: 20px;
}
.icon-alert-solid::before {
    mask: url(/stcontents/img/lp-components/icon/alert-solid.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/alert-solid.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 20px;
    height: 20px;
}
.icon-text-line::before {
    mask: url(/stcontents/img/lp-components/icon/text-line.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/text-line.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 20px;
    height: 20px;
}
.icon-text-solid::before {
    mask: url(/stcontents/img/lp-components/icon/text-solid.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/text-solid.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 20px;
    height: 20px;
}
.icon-airplane::before {
    mask: url(/stcontents/img/lp-components/icon/airplane.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/airplane.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-subway::before {
    mask: url(/stcontents/img/lp-components/icon/subway.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/subway.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-bus-gray::before {
    mask: url(/stcontents/img/lp-components/icon/bus-gray.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/bus-gray.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-car-gray::before {
    mask: url(/stcontents/img/lp-components/icon/car-gray.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/car-gray.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-no::before {
    mask: url(/stcontents/img/lp-components/icon/no.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/no.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-mail::before {
    mask: url(/stcontents/img/lp-components/icon/mail.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/mail.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-pw::before {
    mask: url(/stcontents/img/lp-components/icon/pw.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/pw.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-id::before {
    mask: url(/stcontents/img/lp-components/icon/id.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/id.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-link::before {
    mask: url(/stcontents/img/lp-components/icon/link.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/link.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-copy::before {
    mask: url(/stcontents/img/lp-components/icon/copy.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/copy.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-pdf::before {
    mask: url(/stcontents/img/lp-components/icon/pdf.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/pdf.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-mail-receive::before {
    mask: url(/stcontents/img/lp-components/icon/mail-receive.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/mail-receive.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-credit-card-gray::before {
    mask: url(/stcontents/img/lp-components/icon/credit-card-gray.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/credit-card-gray.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-connect-accounts::before {
    mask: url(/stcontents/img/lp-components/icon/connect-accounts.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/connect-accounts.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-withdrawal::before {
    mask: url(/stcontents/img/lp-components/icon/withdrawal.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/withdrawal.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-point-coupon::before {
    mask: url(/stcontents/img/lp-components/icon/point-coupon.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/point-coupon.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-settings::before {
    mask: url(/stcontents/img/lp-components/icon/settings.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/settings.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-bell::before {
    mask: url(/stcontents/img/lp-components/icon/bell.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/bell.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-logout::before {
    mask: url(/stcontents/img/lp-components/icon/logout.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/logout.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-login::before {
    mask: url(/stcontents/img/lp-components/icon/login.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/login.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-history::before {
    mask: url(/stcontents/img/lp-components/icon/history.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/history.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-review::before {
    mask: url(/stcontents/img/lp-components/icon/review.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/review.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-bookmark::before {
    mask: url(/stcontents/img/lp-components/icon/bookmark.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/bookmark.svg) no-repeat center center / contain;
    background: var(--semantic-relux-brand-primary);
    width: 24px;
    height: 24px;
}
.icon-advanced-relux::before {
    mask: url(/stcontents/img/lp-components/icon/advanced-relux.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/advanced-relux.svg) no-repeat center center / contain;
    background: var(--semantic-relux-brand-primary);
    width: 24px;
    height: 24px;
}
.icon-plus-16px::before {
    mask: url(/stcontents/img/lp-components/icon/plus-16px.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/plus-16px.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 16px;
    height: 16px;
}
.icon-plus-10px::before {
    mask: url(/stcontents/img/lp-components/icon/plus-10px.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/plus-10px.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 10px;
    height: 10px;
}
.icon-minus-16px::before {
    mask: url(/stcontents/img/lp-components/icon/minus-16px.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/minus-16px.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 16px;
    height: 16px;
}
.icon-minus-10px::before {
    mask: url(/stcontents/img/lp-components/icon/minus-10px.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/minus-10px.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 10px;
    height: 10px;
}
.icon-next-24px::before {
    mask: url(/stcontents/img/lp-components/icon/next-24px.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/next-24px.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-next-20px::before {
    mask: url(/stcontents/img/lp-components/icon/next-20px.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/next-20px.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 20px;
    height: 20px;
}
.icon-prev-24px::before {
    mask: url(/stcontents/img/lp-components/icon/prev-24px.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/prev-24px.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 24px;
    height: 24px;
}
.icon-prev-20px::before {
    mask: url(/stcontents/img/lp-components/icon/prev-20px.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/prev-20px.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 20px;
    height: 20px;
}
.icon-open-30px::before {
    mask: url(/stcontents/img/lp-components/icon/open-30px.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/open-30px.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 30px;
    height: 30px;
}
.icon-open-20px::before {
    mask: url(/stcontents/img/lp-components/icon/open-20px.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/open-20px.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 20px;
    height: 20px;
}
.icon-close-30px::before {
    mask: url(/stcontents/img/lp-components/icon/close-30px.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/close-30px.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 30px;
    height: 30px;
}
.icon-close-20px::before {
    mask: url(/stcontents/img/lp-components/icon/close-20px.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/close-20px.svg) no-repeat center center / contain;
    background: var(--semantic-primary-text);
    width: 20px;
    height: 20px;
}
.icon-visible::before {
    mask: url(/stcontents/img/lp-components/icon/visible.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/visible.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
.icon-invisible::before {
    mask: url(/stcontents/img/lp-components/icon/invisible.svg) no-repeat center center / contain;
    -webkit-mask: url(/stcontents/img/lp-components/icon/invisible.svg) no-repeat center center / contain;
    background: var(--semantic-caption);
    width: 24px;
    height: 24px;
}
}