#loading-spinner,
 #modal-spinner {
     display: flex;
     width: 100%;
     justify-content: center;
 }

 #modal-spinner {
     height: 60vh;
 }

 #modal-title {
     font-weight: 600;
     background-color: #aa1e44;
     padding: 1em;
     border-radius: 1em 1em 1em 0;
     margin-bottom: 0;
     color: #ffffff;
 }

 #loading-spinner svg,
 #modal-spinner svg {
     fill: #bd214c;
     max-width: 50px;
     animation: rotateSpinner 800ms linear infinite;
 }

 #loading-spinner.d-none,
 #modal-spinner.d-none {
     display: none;
 }

 #bideoa-modal .closer-row {
     display: flex;
     width: 100%;
     justify-content: flex-end;
     padding: 0 0 1em 0;
 }

 #bideoa-modal {
     outline: none;
     border: none;
     border-radius: 1em;
     overflow-x: hidden;
 }

 .modal-container {
     width: 90vw;
     min-height: 80vh;
     padding: 1em 2em;
 }

 #modal-closer {
     max-width: 30px;
     cursor: pointer;
     color: grey;

 }

 #modal-metadata {
     margin-bottom: 2em;
     background-color: #c19ea870;
     width: max-content;
     padding: 1em;
 }

 #modal-metadata p {
     margin: 0;
 }

 #pasartea-video {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-evenly;

 }

 #pasartea-video iframe {
     width: 640px;
     height: 360px;
 }

 video#video_item,
 #pasartea-video video {
     width: 100%;
     height: auto;
 }

 #pasarteak-list {
     width: 100%;
     max-width: 640px;
     list-style: none;
     margin-left: 0;
     height: 50vh;
     overflow-y: auto;
 }

 #pasarteak-list li {
     display: flex;
     align-items: center;
     margin-bottom: .5em;
     padding: .5em;
     border-bottom: 1px solid grey;
     cursor: pointer;
     transition: all .2s ease-in;
 }

 #pasarteak-list li:hover {
     background-color: #9878812e;
 }

 #pasarteak-list .active::after {
     content: '\2609';
     color: #aa1e44;
     font-weight: 600;
     font-size: 1.5em;
     margin-left: .5em;
 }

 #pasarteak-list h4 {
     font-weight: 600;
     color: #bd214c;
 }

 #pasarteak-list p {
     font-size: .9em;
     color: #515151;
 }

 .bideoa-flex-row {
     display: flex;
     flex-wrap: wrap;
 }

 @keyframes rotateSpinner {
     to {
         transform: rotate(360deg);
     }
 }


 @media(max-width: 600px) {
     .us_custom_74f349a7_copy {
         width: calc(100% - 1em) !important;
     }
 }