/* 첫 장면 컷아웃과 같은 이중 외곽선, 같은 색의 화살표를 쓰는 반려동물 포인터 */
.pet-pointer{
  position:fixed!important;
  left:0!important;
  top:0!important;
  z-index:2147483647!important;
  width:76px!important;
  height:76px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  pointer-events:none!important;
  transform-origin:0 0!important;
}
.pet-pointer.is-away{opacity:0!important}
.pet-pointer::after{display:none!important}
.pet-pointer-cutout{position:absolute;left:12px;top:12px;width:58px;height:58px}
.pet-pointer-cutout img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.pet-pointer-outline-yellow{
  z-index:1;
  filter:
    drop-shadow(3px 0 0 #f3c400) drop-shadow(-3px 0 0 #f3c400)
    drop-shadow(0 3px 0 #f3c400) drop-shadow(0 -3px 0 #f3c400)
    drop-shadow(2px 2px 0 #f3c400) drop-shadow(-2px 2px 0 #f3c400)
    drop-shadow(2px -2px 0 #f3c400) drop-shadow(-2px -2px 0 #f3c400);
}
.pet-pointer-outline-black{
  z-index:2;
  filter:
    drop-shadow(1.5px 0 0 #171717) drop-shadow(-1.5px 0 0 #171717)
    drop-shadow(0 1.5px 0 #171717) drop-shadow(0 -1.5px 0 #171717)
    drop-shadow(1px 1px 0 #171717) drop-shadow(-1px 1px 0 #171717)
    drop-shadow(1px -1px 0 #171717) drop-shadow(-1px -1px 0 #171717);
}
.pet-pointer-photo{z-index:3}
.pet-pointer-arrow{
  position:absolute;
  left:-2px;
  top:-2px;
  z-index:4;
  width:27px;
  height:36px;
  overflow:visible;
  filter:drop-shadow(1.5px 2px 0 rgba(0,0,0,.2));
}
.pet-pointer-arrow path{fill:#171717;stroke:#f3c400;stroke-width:3;stroke-linejoin:round}
@media (pointer:fine){body.pet-cursor-on,body.pet-cursor-on *{cursor:none!important}}