/* line 1, sass/3-layout/_modal.scss */
.dz-modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 2000;
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.9);
}

/* line 16, sass/3-layout/_modal.scss */
.dz-modal:not(.dz-modal--is-visible) {
  background-color: transparent;
  pointer-events: none;
}

/* line 21, sass/3-layout/_modal.scss */
.dz-modal.dz-modal--is-visible {
  opacity: 1;
  visibility: visible;
}

/* line 26, sass/3-layout/_modal.scss */
.dz-modal__content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 100%;
  width: 100%;
  max-width: 1024px;
  display: flex;
}

/* line 35, sass/3-layout/_modal.scss */
.dz-modal__figure {
  position: relative;
  height: 0;
  padding-bottom: calc( 100% / (16/9) );
  width: 100%;
}

/* line 42, sass/3-layout/_modal.scss */
.dz-modal__figure iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 50, sass/3-layout/_modal.scss */
.dz-modal__close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
  border: none;
  border-radius: 50%;
  background-color: #6E36FB;
}

/* line 66, sass/3-layout/_modal.scss */
.dz-modal__close-btn:hover {
  background-color: rgba(202, 0, 61, 0.7);
}

/* line 70, sass/3-layout/_modal.scss */
.dz-modal__close-btn .icon {
  width: 30px;
  height: 30px;
  color: #fff;
  transition: color 0.2s;
}

/* line 78, sass/3-layout/_modal.scss */
.modal--animate-scale {
  transition: opacity 0.2s, visibility 0s 0.2s;
}

/* line 82, sass/3-layout/_modal.scss */
.modal--animate-scale.dz-modal--is-visible {
  transition: opacity 0.2s, visibility 0s;
}

/* line 86, sass/3-layout/_modal.scss */
.modal--animate-scale.dz-modal--is-visible .dz-modal__content {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 92, sass/3-layout/_modal.scss */
.modal--animate-scale .dz-modal__content {
  will-change: transform;
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* line 89, sass/3-layout/_dropdown.sass */
.dd-filter {
  opacity: 0;
  display: none;
}
/* line 93, sass/3-layout/_dropdown.sass */
.dd-filter.dd-filter--is-visible {
  opacity: 1;
  display: block;
}