/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.card-item .wishlist, .item .wishlist, .vacancy-item .wishlist {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  font-size: 20px;
  height: 50px;
  width: 50px; }
  .card-item .wishlist .tooltip, .item .wishlist .tooltip, .vacancy-item .wishlist .tooltip {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 16px;
    cursor: pointer;
    padding-bottom: 2px; }
    @media (min-width: 981px) {
      .card-item .wishlist .tooltip:after, .item .wishlist .tooltip:after, .vacancy-item .wishlist .tooltip:after {
        content: attr(data-tooltip);
        position: absolute;
        background-color: var(--white);
        color: var(--black);
        width: 200px;
        padding: .5em 1.5em;
        text-align: center;
        display: none;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
        top: calc(-3em + -25px);
        left: calc(-100px + -22px);
        opacity: 0;
        transition: opacity .3s ease-in-out; }
      .card-item .wishlist .tooltip:before, .item .wishlist .tooltip:before, .vacancy-item .wishlist .tooltip:before {
        content: '';
        background-color: var(--white);
        transform: rotate(45deg);
        width: 20px;
        height: 20px;
        top: -25px;
        position: absolute;
        left: 1px;
        display: none;
        opacity: 0;
        transition: opacity .3s ease-in-out;
        z-index: 2; }
      .card-item .wishlist .tooltip:hover:after, .card-item .wishlist .tooltip:hover:before, .item .wishlist .tooltip:hover:after, .item .wishlist .tooltip:hover:before, .vacancy-item .wishlist .tooltip:hover:after, .vacancy-item .wishlist .tooltip:hover:before {
        display: block;
        opacity: 1; } }
  .card-item .wishlist.listed .icon-heart:before, .card-item .wishlist:hover .icon-heart:before, .item .wishlist.listed .icon-heart:before, .item .wishlist:hover .icon-heart:before, .vacancy-item .wishlist.listed .icon-heart:before, .vacancy-item .wishlist:hover .icon-heart:before {
    content: '\e911'; }
  .card-item .wishlist.listed:focus:before, .card-item .wishlist:hover:focus:before, .item .wishlist.listed:focus:before, .item .wishlist:hover:focus:before, .vacancy-item .wishlist.listed:focus:before, .vacancy-item .wishlist:hover:focus:before {
    content: '\e910'; }
  @media (min-width: 981px) {
    .card-item .wishlist.listed .tooltip:after, .item .wishlist.listed .tooltip:after, .vacancy-item .wishlist.listed .tooltip:after {
      content: 'Verwijder uit favorieten'; } }

/*# sourceMappingURL=wishlist-toggle.css.map */