/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./blocks/flickr-album-gallery/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-hacklab-flickr-album-gallery {
  background-color: #F5F5F5;
  padding: 0 15px 15px;
}
@media (max-width: 768px) {
  .wp-block-hacklab-flickr-album-gallery {
    padding: 0 0 15px 0;
  }
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-header .actions {
  display: flex;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-header .actions button {
  align-items: center;
  background-color: transparent;
  border: 0;
  display: flex;
  margin-left: 10px;
  transition: all 0.3s ease-in-out;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-header .actions button:hover {
  opacity: 0.5;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-header .actions button .grid-deactivated {
  display: none;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-header .actions button.slider-active .grid-deactivated {
  display: block;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-header .actions button.slider-active .grid-activated {
  display: none;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid:not(.slider-active) {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid:not(.slider-active) .flickr-album-gallery-container {
  display: -ms-grid;
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(90px, auto));
  height: 435px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-padding-end: 12px;
}
@media (max-width: 768px) {
  .wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid:not(.slider-active) .flickr-album-gallery-container {
    grid-auto-columns: 21%;
    grid-auto-flow: column;
    grid-gap: 10px;
    -ms-grid-columns: initial;
    grid-template-columns: initial;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    height: auto;
    margin-bottom: 12px;
    overflow-x: scroll;
    padding-bottom: 12px;
    -ms-scroll-snap-type: x proximity;
        scroll-snap-type: x proximity;
  }
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid:not(.slider-active)::-webkit-scrollbar {
  width: 6px;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid:not(.slider-active)::-webkit-scrollbar-track {
  background: #C1C1C1;
  border-radius: 10px;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid:not(.slider-active)::-webkit-scrollbar-thumb {
  background: #666666;
  border-radius: 10px;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid:not(.slider-active)::-webkit-scrollbar-thumb:hover {
  background: #333333;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid:not(.slider-active) .flickr-album-gallery-buttons {
  display: none;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid:not(.slider-active) .hl-slide {
  height: 0;
  position: relative;
  width: 100%;
  padding-top: 100%;
  /* 1:1 Aspect Ratio */
  overflow: hidden;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid:not(.slider-active) .hl-slide .image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid.slider-active {
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 35.75%;
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid.slider-active {
    padding-top: 100%;
  }
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid.slider-active .flickr-album-gallery-buttons button {
  background-color: rgba(245, 245, 245, 0.25);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 60%;
  border-radius: 50%;
  border: 0;
  height: 30px;
  position: absolute;
  text-indent: -9999px;
  top: calc(50% - 15px);
  transition: all 0.3s ease-in-out;
  width: 30px;
  z-index: 19;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid.slider-active .flickr-album-gallery-buttons button.hl-slider-back-btn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCAyNiA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjcwNTMgMC43Mjg1NjVDMjIuNTQyNSAwLjcyNjkyOSAyMy4zNTM5IDEuMDE4NTIgMjMuOTk4NiAxLjU1MjczQzI0LjM2MTUgMS44NTM1NSAyNC42NjE0IDIuMjIzIDI0Ljg4MTIgMi42Mzk5MUMyNS4xMDExIDMuMDU2ODIgMjUuMjM2NSAzLjUxMyAyNS4yNzk4IDMuOTgyMzNDMjUuMzIzMSA0LjQ1MTY2IDI1LjI3MzMgNC45MjQ5MiAyNS4xMzM0IDUuMzc1QzI0Ljk5MzUgNS44MjUwOCAyNC43NjYyIDYuMjQzMTQgMjQuNDY0NCA2LjYwNTIzTDguNDExMTIgMjUuODExOUwyMy44OTExIDQ1LjA1NDRDMjQuMTg4OCA0NS40MjA5IDI0LjQxMSA0NS44NDI3IDI0LjU0NTIgNDYuMjk1NEMyNC42NzkzIDQ2Ljc0ODEgMjQuNzIyNiA0Ny4yMjI5IDI0LjY3MjcgNDcuNjkyNEMyNC42MjI3IDQ4LjE2MTkgMjQuNDgwNSA0OC42MTY5IDI0LjI1NDEgNDkuMDMxM0MyNC4wMjc4IDQ5LjQ0NTcgMjMuNzIxNyA0OS44MTEyIDIzLjM1MzYgNTAuMTA2OUMyMi45ODI5IDUwLjQzMzEgMjIuNTQ4NyA1MC42NzkyIDIyLjA3ODMgNTAuODI5NkMyMS42MDggNTAuOTgwMSAyMS4xMTE2IDUxLjAzMTcgMjAuNjIwMyA1MC45ODEyQzIwLjEyOTEgNTAuOTMwOCAxOS42NTM2IDUwLjc3OTMgMTkuMjIzNiA1MC41MzYzQzE4Ljc5MzcgNTAuMjkzNCAxOC40MTg2IDQ5Ljk2NDIgMTguMTIxOSA0OS41Njk0TDAuODE0NDUxIDI4LjA2OTRDMC4yODc0MDkgMjcuNDI4MiAtMC4wMDA3MTMzNDggMjYuNjI0IC0wLjAwMDcxMzM0OCAyNS43OTRDLTAuMDAwNzEzMzQ4IDI0Ljk2NCAwLjI4NzQwOSAyNC4xNTk3IDAuODE0NDUxIDIzLjUxODZMMTguNzMxMSAyLjAxODU3QzE5LjA5MDYgMS41ODQ5MiAxOS41NDcyIDEuMjQyMTMgMjAuMDY0IDEuMDE3OTlDMjAuNTgwNyAwLjc5Mzg2MSAyMS4xNDMgMC42OTQ3MDIgMjEuNzA1MyAwLjcyODU2NVoiIGZpbGw9IiNGRkZGRkYiLz4KPC9zdmc+);
  left: 15px;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid.slider-active .flickr-album-gallery-buttons button.hl-slider-back-btn:hover {
  left: 10px;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid.slider-active .flickr-album-gallery-buttons button.hl-slider-next-btn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCAyNiA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTg5NjQgNTAuMjcxNEMyLjc1MjM5IDUwLjI3MzEgMS45NDA5OSA0OS45ODE1IDEuMjk2MzEgNDkuNDQ3M0MwLjkzMzQ2MyA0OS4xNDY1IDAuNjMzNTMyIDQ4Ljc3NyAwLjQxMzY4NyA0OC4zNjAxQzAuMTkzODQzIDQ3Ljk0MzIgMC4wNTg0MDU4IDQ3LjQ4NyAwLjAxNTEzMzkgNDcuMDE3N0MtMC4wMjgxMzc5IDQ2LjU0ODMgMC4wMjE2MDYgNDYuMDc1MSAwLjE2MTUxNSA0NS42MjVDMC4zMDE0MjUgNDUuMTc0OSAwLjUyODc0OCA0NC43NTY5IDAuODMwNDcyIDQ0LjM5NDhMMTYuODgzOCAyNS4xODgxTDEuNDAzODEgNS45NDU2QzEuMTA2MTYgNS41NzkwNyAwLjg4Mzg3NSA1LjE1NzMzIDAuNzQ5NzQ0IDQuNzA0NjFDMC42MTU2MTQgNC4yNTE4OSAwLjU3MjI3OCAzLjc3NzEzIDAuNjIyMjI2IDMuMzA3NjFDMC42NzIxNzUgMi44MzgwOSAwLjgxNDQyMiAyLjM4MzA4IDEuMDQwOCAxLjk2ODcxQzEuMjY3MTcgMS41NTQzNSAxLjU3MzIgMS4xODg4MSAxLjk0MTMxIDAuODkzMTAxQzIuMzEyMDYgMC41NjY4ODYgMi43NDYyNCAwLjMyMDgyOCAzLjIxNjU5IDAuMTcwMzY3QzMuNjg2OTUgMC4wMTk5MDY0IDQuMTgzMzMgLTAuMDMxNzA2OSA0LjY3NDU4IDAuMDE4NzYzOUM1LjE2NTgzIDAuMDY5MjM0OCA1LjY0MTM1IDAuMjIwNzAxIDYuMDcxMjggMC40NjM2NThDNi41MDEyMiAwLjcwNjYxNSA2Ljg3NjMgMS4wMzU4MiA3LjE3Mjk3IDEuNDMwNkwyNC40ODA1IDIyLjkzMDZDMjUuMDA3NSAyMy41NzE4IDI1LjI5NTYgMjQuMzc2IDI1LjI5NTYgMjUuMjA2QzI1LjI5NTYgMjYuMDM2IDI1LjAwNzUgMjYuODQwMyAyNC40ODA1IDI3LjQ4MTRMNi41NjM4MSA0OC45ODE0QzYuMjA0MzQgNDkuNDE1MSA1Ljc0NzcgNDkuNzU3OSA1LjIzMDk1IDQ5Ljk4MkM0LjcxNDIgNTAuMjA2MSA0LjE1MTg5IDUwLjMwNTMgMy41ODk2NCA1MC4yNzE0WiIgZmlsbD0iI0ZGRkZGRiIvPgo8L3N2Zz4=);
  right: 15px;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid.slider-active .flickr-album-gallery-buttons button.hl-slider-next-btn:hover {
  right: 10px;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid.slider-active .hl-slide {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid.slider-active .hl-slide:hover {
  opacity: 1;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid.slider-active .hl-slide .image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  width: 100%;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid.slider-active .hl-slide.active {
  z-index: 10;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid.slider-active .hl-slide.slideInLeft {
  -webkit-animation-name: animateInLeft;
          animation-name: animateInLeft;
  z-index: 9;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid.slider-active .hl-slide.slideInRight {
  -webkit-animation-name: animateInRight;
          animation-name: animateInRight;
  z-index: 9;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid.slider-active .hl-slide.slideOutLeft {
  transform: translateX(-100%);
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-grid.slider-active .hl-slide.slideOutRight {
  transform: translateX(100%);
}
@-webkit-keyframes animateInLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes animateInLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes animateInRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes animateInRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-layer {
  background-color: var(--wp--preset--color--dark);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  overflow: hidden;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-layer .flickr-album-gallery-layer-wrap {
  background-color: cadetblue;
  height: 70vh;
  max-width: 800px;
  overflow: hidden;
  width: 100%;
}
.wp-block-hacklab-flickr-album-gallery .flickr-album-gallery-layer.layer-open {
  align-items: center;
  display: flex;
  justify-content: center;
}

/*# sourceMappingURL=style-flickr-album-gallery-index.css.map*/