/* Copyright Card Isle 2018-2022 */
.frame-container {
  display: none;
  position: fixed;
  z-index: 99999999;
  width: 100%;
  height: calc(100% + 0px);
  left: 0;
  top: 0;
  transform: translate(0,-100%);
  -webkit-transform: translate(0,-100%);
  -ms-transform: translate(0,-100%);
  -moz-transform: translate(0,-100%);
  transition: all 0.4s;
  -webkit-overflow-scrolling: touch;
  background-color: rgba(10,10,10,0.75);
}
.frame-container.show-container {
transform: unset;
-webkit-transform: unset;
-ms-transform: unset;
-moz-transform: unset;
}
.frame-container iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.disable-scroll {
margin: 0;
height: 100%;
overflow: hidden;
position: fixed;
}
.cardisle-loader-embedded {
display: none;
position: fixed;
width: 100%;
height: 100%;
z-index: 5000000;
background-color: rgba(1, 54, 82, 0.96);
color: white;
left: 0;
top: 0;
text-align: center;
padding: 35vh 3vh 0 3vh;
-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 0.5s; /* Firefox < 16 */
-ms-animation: fadein 0.5s; /* Internet Explorer */
-o-animation: fadein 0.5s; /* Opera < 12.1 */
animation: fadein 0.5s;
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.preview-cardisle-card {
width: 150px;
}