.iframe-lightbox,
.iframe-lightbox .backdrop{
width:100%;
height:100%;
top:0;
left:0;
}

.iframe-lightbox{
display:none;
position:fixed;
opacity:0;
-webkit-transition:opacity 0.2s ease;
transition:opacity 0.2s ease;
z-index:999999;
}

.iframe-lightbox .backdrop{
position:absolute;
background-color:rgba(0, 0, 0, 0.7);
cursor:default;
}

.iframe-lightbox .content-holder{
width:80vw;
height:auto;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}

.iframe-lightbox .content{
height:0;
position:relative;
padding-bottom:56.25%;
}

.iframe-lightbox .content>.body{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.iframe-lightbox .content>.body .half-circle-spinner,
.iframe-lightbox .content>.body .half-circle-spinner *{
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.iframe-lightbox .content>.body .half-circle-spinner{
width:60px;
height:60px;
border-radius:100%;
position:relative;
margin:0;
position:fixed;
top:50%;
left:50%;
margin-right:-50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}

.iframe-lightbox .content>.body .half-circle-spinner .circle{
content:"";
position:absolute;
width:100%;
height:100%;
border-radius:100%;
border:calc(60px / 10) solid transparent;
}

.iframe-lightbox .content>.body .half-circle-spinner .circle.circle-1{
border-top-color:#FFFFFF;
-webkit-animation:half-circle-spinner-animation 1s infinite;
animation:half-circle-spinner-animation 1s infinite;
}

.iframe-lightbox .content>.body .half-circle-spinner .circle.circle-2{
border-bottom-color:#FFFFFF;
-webkit-animation:half-circle-spinner-animation 1s infinite alternate;
animation:half-circle-spinner-animation 1s infinite alternate;
}

@-webkit-keyframes half-circle-spinner-animation{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}

100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}

@keyframes half-circle-spinner-animation{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}

100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}

.iframe-lightbox .content>.body.is-loaded .half-circle-spinner{
display:none;
}

.iframe-lightbox iframe{
display:block;
width:100%;
height:100%;
border:0;
box-shadow:0.267rem 0.267rem 0.267rem 0 rgba(3, 3, 3, 0.3);
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
-webkit-transition:opacity 0.2s ease;
transition:opacity 0.2s ease;
border-radius:10px;
}

.iframe-lightbox.is-showing{
display:block;
}

.iframe-lightbox.is-opened{
opacity:1;
}

.iframe-lightbox .btn-close{
position:fixed;
top:0.625em;
right:0.625em;
width:1.500em;
height:1.500em;
}

.iframe-lightbox .btn-close:before,
.iframe-lightbox .btn-close:after{
content:" ";
width:0.125em;
height:1.500em;
position:absolute;
right:0.625em;
background-color:#FFFFFF;
}

.iframe-lightbox .btn-close:before{
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

.iframe-lightbox .btn-close:after{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

body.iframe-lightbox--open{
overflow:hidden;
}

::-webkit-scrollbar {
width: 10px;
background:rgba(114,74,232,0.95) !important;/*#724ae8 #344A67*/
}
::-webkit-scrollbar-thumb {
background: linear-gradient(transparent, #FFFFFF, transparent) !important;
border-radius:6px;
}
::-webkit-scrollbar-thumb:hover {
background: linear-gradient(transparent, #0FFFF0, transparent) !important;
}

  .lightbox-search-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 400px;
    margin: 0 auto;
  }

  .lightbox-search-container input {
  	width: 50vw;
    flex: 1;
    padding: 7px 16px;
    font-size: 14px;
    border: 2px solid #724ae8;
    border-radius: 8px;
    outline: none;
    transition: all 0.3s ease;
  }

  .lightbox-search-container input:focus {
    border-color: #0ffff0;
    box-shadow: 0 0 5px #0ffff0;
  }

  .lightbox-search-container button {
  	white-space: nowrap;
    padding: 7px 20px;
    background: linear-gradient(45deg, #724ae8, #0ffff0);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .lightbox-search-container button:hover {
    background: linear-gradient(45deg, #0ffff0, #724ae8);
  }