/* stylelint-disable scss/comment-no-empty */
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--crop.vp-portfolio__item--has-background > a, .vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--crop.vp-portfolio__item--has-background::before, .vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--crop > a, .vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--crop::before, .vp-portfolio__items-style-classic-cyber .vp-portfolio__item-overlay.vp-portfolio__item--has-background.vp-portfolio__item-overlay--crop {
  --cpl-crop--top-left__size: 0%;
  --cpl-crop--top-right__size: 0%;
  --cpl-crop--bottom-right__size: 0%;
  --cpl-crop--bottom-left__size: 0%;
  clip-path: polygon(0 var(--cpl-crop--top-left__size), var(--cpl-crop--top-left__size) 0, calc(100% - var(--cpl-crop--top-right__size)) 0, 100% var(--cpl-crop--top-right__size), 100% calc(100% - var(--cpl-crop--bottom-right__size)), calc(100% - var(--cpl-crop--bottom-right__size)) 100%, var(--cpl-crop--bottom-left__size) 100%, 0 calc(100% - var(--cpl-crop--bottom-left__size)));
}

/**
 * Items Style Classic Cyber CSS Variables
 */
.vp-portfolio__items-style-classic-cyber {
  --vp-items-style-classic-cyber--links__color: hsl(var(--cpl-color-contrast-300));
  --vp-items-style-classic-cyber--links__text-decoration: none;
  --vp-items-style-classic-cyber--links-hover__color: hsl(var(--cpl-color-contrast-100));
  --vp-items-style-classic-cyber--image__border-radius: 0;
  --vp-items-style-classic-cyber--image-hover__transform: scale(1.05);
  --vp-items-style-classic-cyber--meta__color: hsl(var(--cpl-color-contrast-500));
  --vp-items-style-classic-cyber--meta__background-color: transparent;
  --vp-items-style-classic-cyber--meta__padding-v: 19px;
  --vp-items-style-classic-cyber--meta__padding-h: 0;
  --vp-items-style-classic-cyber--meta-items__gap: 15px;
  --vp-items-style-classic-cyber--overlay__color: hsl(var(--cpl-color-contrast-500));
  --vp-items-style-classic-cyber--overlay__background-color: transparent;
  --vp-items-style-classic-cyber--meta-icon__font-size: 2em;
  --vp-items-style-classic-cyber--meta-categories__font-size: 0.8125em;
  --vp-items-style-classic-cyber--meta-categories__font-weight: 600;
  --vp-items-style-classic-cyber--meta-categories__text-transform: uppercase;
  --vp-items-style-classic-cyber--meta-categories__text-decoration: none;
  --vp-items-style-classic-cyber--meta-categories__opacity: 1;
  --vp-items-style-classic-cyber--meta-categories__gap: 20px;
  --vp-items-style-classic-cyber--meta-categories__separator: "";
  --vp-items-style-classic-cyber--meta-inline__font-weight: 600;
  --vp-items-style-classic-cyber--meta-inline__line-height: 2;
  --vp-items-style-classic-cyber--meta-inline__font-opacity: 1;
  --vp-items-style-classic-cyber--meta-inline__gap: 20px;
  --vp-items-style-classic-cyber--meta-part-icon__offset: 0.5em;
  --vp-items-style-classic-cyber--meta-title__font-size: 16px;
  --vp-items-style-classic-cyber--meta-excerpt__line-height: 1.8;
  --vp-items-style-classic-cyber--meta-excerpt__opacity: 1;
  --vp-items-style-classic-cyber-transition-duration: var(--vp-interactive__transition-duration);
  --vp-items-style-classic-cyber-transition-easing: var(--vp-interactive__transition-easing);
}

/**
 * Classic Cyber items style
 */
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item a {
  color: var(--vp-items-style-classic-cyber--links__color);
  -webkit-text-decoration: var(--vp-items-style-classic-cyber--links__text-decoration);
          text-decoration: var(--vp-items-style-classic-cyber--links__text-decoration);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item a:hover, .vp-portfolio__items-style-classic-cyber .vp-portfolio__item a:focus {
  color: var(--vp-items-style-classic-cyber--links-hover__color);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img {
  border-radius: var(--vp-items-style-classic-cyber--image__border-radius);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img img {
  -webkit-transition: var(--vp-items-style-classic-cyber-transition-duration) transform var(--vp-items-style-classic-cyber-transition-easing), var(--vp-items-style-classic-cyber-transition-duration) opacity var(--vp-items-style-classic-cyber-transition-easing);
  -o-transition: var(--vp-items-style-classic-cyber-transition-duration) transform var(--vp-items-style-classic-cyber-transition-easing), var(--vp-items-style-classic-cyber-transition-duration) opacity var(--vp-items-style-classic-cyber-transition-easing);
  transition: var(--vp-items-style-classic-cyber-transition-duration) transform var(--vp-items-style-classic-cyber-transition-easing), var(--vp-items-style-classic-cyber-transition-duration) opacity var(--vp-items-style-classic-cyber-transition-easing);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item:hover .vp-portfolio__item-img img,
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-focus .vp-portfolio__item-img img {
  -webkit-transform: var(--vp-items-style-classic-cyber--image-hover__transform);
      -ms-transform: var(--vp-items-style-classic-cyber--image-hover__transform);
          transform: var(--vp-items-style-classic-cyber--image-hover__transform);
}
.vp-portfolio__items-style-classic-cyber.vp-portfolio__items-show-overlay-hover .vp-portfolio__item:hover .vp-portfolio__item-img-overlay, .vp-portfolio__items-style-classic-cyber.vp-portfolio__items-show-overlay-hover .vp-portfolio__item-focus .vp-portfolio__item-img-overlay {
  opacity: 1;
}
.vp-portfolio__items-style-classic-cyber.vp-portfolio__items-show-overlay-classic-cyber .vp-portfolio__item-img-overlay {
  opacity: 1;
}
.vp-portfolio__items-style-classic-cyber.vp-portfolio__items-show-overlay-classic-cyber .vp-portfolio__item:hover .vp-portfolio__item-img-overlay,
.vp-portfolio__items-style-classic-cyber.vp-portfolio__items-show-overlay-classic-cyber .vp-portfolio__item-focus .vp-portfolio__item-img-overlay {
  opacity: 0;
}
.vp-portfolio__items-style-classic-cyber.vp-portfolio__items-show-overlay-always .vp-portfolio__item-img-overlay {
  opacity: 1;
}
.vp-portfolio__items-style-classic-cyber figcaption.vp-portfolio__item-overlay {
  font-style: inherit;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-overlay.vp-portfolio__item--has-background {
  --vp-items-style-classic-cyber--meta__padding-v: 25px;
  --vp-items-style-classic-cyber--meta__padding-h: 30px;
  background-color: var(--vp-items-style-classic-cyber--meta__background-color);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-overlay.vp-portfolio__item--has-background.vp-portfolio__item-overlay--crop {
  --cpl-crop--bottom-right__size: 20px;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img::before {
  z-index: -1;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--exist > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--exist .vp-portfolio__item-meta-title {
  position: absolute;
  bottom: 20px;
  z-index: 1;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--exist.vp-portfolio__item-meta-title--block.vp-portfolio__item-img--exist-title > a {
  width: calc(100% - 20px);
  margin-left: 20px;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--exist.vp-portfolio__item-meta-title--block.vp-portfolio__item-img--exist-title .vp-portfolio__item-meta-title {
  left: 0;
  min-width: calc(100% - 40px);
  max-width: calc(100% - 20px);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--exist.vp-portfolio__item-meta-title--slinky .vp-portfolio__item-meta-title {
  left: 20px;
  max-width: calc(100% - 40px);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--exist.vp-portfolio__item-meta-title--position-right.vp-portfolio__item-meta-title--block > a {
  margin-left: 0;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--exist.vp-portfolio__item-meta-title--position-right.vp-portfolio__item-meta-title--block .vp-portfolio__item-meta-title {
  right: 0;
  left: auto;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--exist.vp-portfolio__item-meta-title--position-right.vp-portfolio__item-meta-title--slinky .vp-portfolio__item-meta-title {
  right: 20px;
  left: auto;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-title--block::before {
  left: 20px;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-title--block.vp-portfolio__item-meta-title--position-right::before {
  right: 20px;
  left: 0;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--crop > a, .vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--crop::before {
  --cpl-crop--top-left__size: 20px;
  --cpl-crop--bottom-right__size: 20px;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--crop.vp-portfolio__item--has-background > a, .vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img--crop.vp-portfolio__item--has-background::before {
  --cpl-crop--top-left__size: 20px;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--vp-items-style-classic-cyber--overlay__color);
  -webkit-text-decoration: var(--vp-items-style-classic-cyber--overlay__text-decoration);
          text-decoration: var(--vp-items-style-classic-cyber--overlay__text-decoration);
  background-color: var(--vp-items-style-classic-cyber--overlay__background-color);
  opacity: 0;
  -webkit-transition: var(--vp-items-style-classic-cyber-transition-duration) opacity var(--vp-items-style-classic-cyber-transition-easing);
  -o-transition: var(--vp-items-style-classic-cyber-transition-duration) opacity var(--vp-items-style-classic-cyber-transition-easing);
  transition: var(--vp-items-style-classic-cyber-transition-duration) opacity var(--vp-items-style-classic-cyber-transition-easing);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta {
  position: relative;
  padding: var(--vp-items-style-classic-cyber--meta__padding-v) var(--vp-items-style-classic-cyber--meta__padding-h);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta > * {
  margin-bottom: var(--vp-items-style-classic-cyber--meta-items__gap);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta > :last-child {
  margin-bottom: 0;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-icon {
  font-size: var(--vp-items-style-classic-cyber--meta-icon__font-size);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-categories {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: calc(-1 * var(--vp-items-style-classic-cyber--meta-categories__gap));
  font-size: var(--vp-items-style-classic-cyber--meta-categories__font-size);
  font-weight: var(--vp-items-style-classic-cyber--meta-categories__font-weight);
  text-transform: var(--vp-items-style-classic-cyber--meta-categories__text-transform);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-categories:not(:last-child) {
  margin-bottom: var(--vp-items-style-classic-cyber--meta-items__gap);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: var(--vp-items-style-classic-cyber--meta-categories__gap);
  opacity: var(--vp-items-style-classic-cyber--meta-categories__opacity);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category::after {
  content: var(--vp-items-style-classic-cyber--meta-categories__separator);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category:last-of-type::after {
  content: none;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category a {
  color: var(--cpl-color-brand);
  -webkit-text-decoration: var(--vp-items-style-classic-cyber--meta-categories__text-decoration);
          text-decoration: var(--vp-items-style-classic-cyber--meta-categories__text-decoration);
  -webkit-transition: color var(--cpl-transition-duration) var(--cpl-transition-easing);
  -o-transition: color var(--cpl-transition-duration) var(--cpl-transition-easing);
  transition: color var(--cpl-transition-duration) var(--cpl-transition-easing);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category a:hover, .vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category a:focus {
  color: hsl(var(--cpl-color-contrast-100));
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-title--block .vp-portfolio__item-meta-title {
  padding: 20.5px 30px;
  margin: 0;
  font-size: var(--vp-items-style-classic-cyber--meta-title__font-size);
  line-height: 1.2;
  text-transform: uppercase;
  background-color: var(--cpl-color-brand);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-title--block .vp-portfolio__item-meta-title > a {
  color: hsl(var(--cpl-color-black));
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-title--slinky .vp-portfolio__item-meta-title {
  padding: 5.5px 10px;
  margin: 0;
  font-size: var(--vp-items-style-classic-cyber--meta-title__font-size);
  line-height: 1.2;
  text-transform: uppercase;
  background-color: hsl(var(--cpl-color-black));
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-title--slinky .vp-portfolio__item-meta-title > a {
  color: hsl(var(--cpl-color-white));
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: calc(-1 * var(--vp-items-style-classic-cyber--meta-inline__gap));
  font-weight: var(--vp-items-style-classic-cyber--meta-inline__font-weight);
  line-height: var(--vp-items-style-classic-cyber--meta-inline__line-height);
  color: hsl(var(--cpl-color-contrast-500));
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-inline > * {
  margin-left: var(--vp-items-style-classic-cyber--meta-inline__gap);
  opacity: var(--vp-items-style-classic-cyber--meta-inline__font-opacity);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-inline a {
  color: hsl(var(--cpl-color-contrast-500));
  -webkit-transition: color var(--cpl-transition-duration) var(--cpl-transition-easing);
  -o-transition: color var(--cpl-transition-duration) var(--cpl-transition-easing);
  transition: color var(--cpl-transition-duration) var(--cpl-transition-easing);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-inline a:hover, .vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-inline a:focus {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-part-icon {
  margin-right: var(--vp-items-style-classic-cyber--meta-part-icon__offset);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-author .vp-portfolio__item-meta-part-icon {
  margin-right: calc(var(--vp-items-style-classic-cyber--meta-part-icon__offset) + 3px);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-author img {
  width: calc(1em + 1px);
  height: auto;
  border-radius: calc(1em + 1px);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-excerpt {
  line-height: var(--vp-items-style-classic-cyber--meta-excerpt__line-height);
  color: hsl(var(--cpl-color-contrast-300));
  opacity: var(--vp-items-style-classic-cyber--meta-excerpt__opacity);
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-meta-read-more {
  display: inline-block;
  font-size: 1em;
  text-transform: uppercase;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-align-left {
  text-align: left;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-align-left .vp-portfolio__item-meta-categories,
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-align-left .vp-portfolio__item-meta-inline {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-align-center {
  text-align: center;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-align-center .vp-portfolio__item-meta-categories,
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-align-center .vp-portfolio__item-meta-inline {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-align-right {
  text-align: right;
}
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-align-right .vp-portfolio__item-meta-categories,
.vp-portfolio__items-style-classic-cyber .vp-portfolio__item-align-right .vp-portfolio__item-meta-inline {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}