.modal {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 10%;
    width: 60vw; 
    height: 80vh;
    margin-left: calc(50% - 30vw);
    padding: 5rem;
    overflow: auto;
    background-color: rgba(255, 255, 255, 0.99);
    border: 2px solid var(--wp--preset--color--accent-color);
    border-radius: 10px;
}

.modal.active {
    display: block;
}

.modal::-webkit-scrollbar-thumb {
    background-color: red;
    border: 3px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;  
  }

  .modal::-webkit-scrollbar {
    width: 10px;
  }