/*  COMPONENT: CONTACTBOX
//////////////////////////////////////////////////////////////////////////////*/
@layer components {
    .component--contactbox {
    }
    .contactbox {
    }
    .contactbox__list {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .contactbox__item {
        display: flex;
        align-items: top;
        gap: var(--spacing-xs);
    }
    .contactbox__item::before {
        content: "";
        width: 19px;
        height: 19px;
        margin-top: 2px;
    }
    .item--date::before {
        background-image: url("../../images/icons/icon--time.svg");
    }

    .item--phone::before {
        background-image: url("../../images/icons/icon--phone.svg");
    }
    .item--mail::before {
        background-image: url("../../images/icons/icon--mail.svg");
    }
}