import{composeBorderCss as e,composeCornerCss as t}from"@gem-sdk/core";let i=({settings:i,uid:r,type:a})=>{let g="Liquid"===a?`.gem-slider-item-${r}-{{product.id}}.gp-gallery-image-item::after, .gem-slider-item-gp-gallery-${r}-{{product.id}}.gp-gallery-image-item.gem-slider-item-active::after`:`.gem-slider-item-active.gem-slider-item-${r}.gp-gallery-image-item::after`;return`
    ${g} {
      content: "";
      height: 100%;
      width: 100%;
      position: absolute;
      z-index: 999;
      top: 0;
      left: 0;
      ${e(i?.borderActive)}
      ${t(i?.corner)}
    }
    .gem-slider-item-${r}-{{product.id}}.gp-gallery-image-item[data-outline=active]:after, .gem-slider-item-gp-gallery-${r}-{{product.id}}.gp-gallery-image-item[data-outline=active]:after {
      pointer-events: none;
    }
    .gem-slider-item-${r}-{{product.id}}.gp-gallery-image-item[data-outline=none]:after{
        pointer-events: none;
        border-color: transparent !important;
    }
  `};export{i as getBorderActiveCss};
