/* Custom Styles */

.dropdown__menu {
    min-width: 235px;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 2rem;
    line-height: 1;
    opacity: 1;
    color: #4a4a4a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev, .slick-next {
    z-index: 1;
}

.slick-prev {
    left: -1.4rem;
}

.slick-next {
    right: -0.7rem;
}

.tingle-modal-box {
    background: #111111;
}
@media (max-width: 768px) {
    .tingle-modal-box {
        width: 100%;
    }
    .tingle-modal-box__content {
        padding: 0.5rem;
    }
    
}

.copy-link {
  padding-left: 30px;
  padding-right: 30px;
}

.share-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.share-dialog {
  display: none;
  width: 95%;
  max-width: 500px;
  box-shadow: 0 8px 16px rgba(0,0,0,.15);
  z-index: -1;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 4px;
  background-color: #fff;
}

.share-dialog.is-open {
  display: block;
  z-index: 2;
}

.share-dialog header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.share-dialog .targets {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin-bottom: 20px;
}

.close-button {
  background-color: transparent;
  border: none;
  padding: 0;
}

.close-button svg {
  margin-right: 0;
}

.link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 4px;
  background-color: #eee;
}

.pen-url {
  margin-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}