.icon {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.icon:not(.icon--embed) {
height: 2rem;
width: 2rem
}
.icon--globe span {
display: block;
height: 1.5rem;
width: 1.5rem;
background-image: url('data:image/svg+xml,')
}
.icon--globe span:is(.dark *) {
background-image: url('data:image/svg+xml,')
}
.icon--heart.icon--bordered span {
background-image: url('data:image/svg+xml,')
}
.icon--heart-full span {
background-image: url('data:image/svg+xml,')
}
.icon--squared {
height: 3rem;
width: 3rem;
border-radius: 0.5rem;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(var(--color-coral-600) / var(--tw-border-opacity, 1));
background-color: transparent
}
.icon--squared:hover {
--tw-border-opacity: 1;
border-color: rgb(var(--color-coral-700) / var(--tw-border-opacity, 1));
--tw-text-opacity: 1;
color: rgb(var(--color-coral-700) / var(--tw-text-opacity, 1))
}
.icon--squared:focus {
--tw-text-opacity: 1;
color: rgb(var(--color-coral-700) / var(--tw-text-opacity, 1))
}
.icon--lightbox-next span {
display: block;
height: 1.5rem;
width: 1.5rem;
background-image: url('data:image/svg+xml,')
}
.icon--lightbox-next span:is(.dark *) {
background-image: url('data:image/svg+xml,')
}
.icon--lightbox-prev span {
display: block;
height: 1.5rem;
width: 1.5rem;
background-image: url('data:image/svg+xml,')
}
.icon--lightbox-prev span:is(.dark *) {
background-image: url('data:image/svg+xml,')
}
.simple-lightbox .icon--close span:is(.dark *) {
background-image: url('data:image/svg+xml,')
}
.simple-lightbox .icon--close span:hover {
opacity: 0.7
}
.icon--close span {
display: block;
height: 1.5rem;
width: 1.5rem;
background-image: url('data:image/svg+xml,')
}
.icon--close span:is(.dark *) {
background-image: url('data:image/svg+xml,')
}
.icon--eye-hide span {
display: block;
height: 1.5rem;
width: 1.5rem;
background-image: url('data:image/svg+xml,')
}
.icon--eye-hide span:is(.dark *) {
background-image: url('data:image/svg+xml,')
}
.icon--eye-visible span {
display: block;
height: 1.5rem;
width: 1.5rem;
background-image: url('data:image/svg+xml,')
}
.icon--eye-visible span:is(.dark *) {
background-image: url('data:image/svg+xml,')
}