/* CapyDim Engineering — CapyDim-cursor.css
   Standalone CSS module. Edit this file directly; no build step is required. */

/* components/CapyDim-cursor.css */
:where(body:not(.CapyDim-page-home)) .custom-cursor__cursor {
  width: 26px;
  height: 26px;
  border-radius: var(--CapyDim-radius-full);
  border: var(--CapyDim-line-2px) solid var(--CapyDim-brand-white);
  opacity: 0.5;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  -webkit-transform: translate(calc(-50% + 5px), -50%);
  transform: translate(calc(-50% + 5px), -50%);
  z-index: 999991;
}
:where(body:not(.CapyDim-page-home)) .custom-cursor__cursor-two {
  width: 10px;
  height: 10px;
  border-radius: var(--CapyDim-radius-full);
  background-color: var(--CapyDim-brand-orange);
  opacity: 0.5;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  -webkit-transition: width .3s, height .3s, opacity .3s;
  transition: width .3s, height .3s, opacity .3s;
  z-index: 999991;
}
@media  (max-width: 768px)  {
:where(body:not(.CapyDim-page-home)) .custom-cursor__cursor, :where(body:not(.CapyDim-page-home)) .custom-cursor__cursor-two {
    display: none;
  }
}
:where(body:not(.CapyDim-page-home)) .custom-cursor__hover {
  background-color: var(--CapyDim-brand-orange);
  opacity: 0.4;
}
:where(body:not(.CapyDim-page-home)) .custom-cursor__innerhover {
  width: 25px;
  height: 25px;
  opacity: .4;
}
:where(body.CapyDim-page-home) .custom-cursor__cursor {
    width: 26px;
    height: 26px;
    border-radius: var(--CapyDim-radius-full);
    border: var(--CapyDim-line-2px) solid var(--CapyDim-brand-white);
    opacity: 0.5;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    -webkit-transform: translate(calc(-50% + 5px), -50%);
    transform: translate(calc(-50% + 5px), -50%);
    z-index: 999991
;}
:where(body.CapyDim-page-home) .custom-cursor__cursor-two {
    width: 10px;
    height: 10px;
    border-radius: var(--CapyDim-radius-full);
    background-color: var(--CapyDim-brand-orange);
    opacity: 0.5;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    -webkit-transition: width .3s, height .3s, opacity .3s;
    transition: width .3s, height .3s, opacity .3s;
    z-index: 999991
;}
@media  (max-width: 768px)  {
:where(body.CapyDim-page-home) .custom-cursor__cursor, :where(body.CapyDim-page-home) .custom-cursor__cursor-two {
        display: none
    ;}
}
:where(body.CapyDim-page-home) .custom-cursor__cursor {
    width: 26px;
    height: 26px;
    border-radius: var(--CapyDim-radius-full);
    border: var(--CapyDim-line-2px) solid var(--CapyDim-brand-white);
    opacity: 0.5;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    -webkit-transform: translate(calc(-50% + 5px), -50%);
    transform: translate(calc(-50% + 5px), -50%);
    z-index: 999991;
}
:where(body.CapyDim-page-home) .custom-cursor__cursor-two {
    width: 10px;
    height: 10px;
    border-radius: var(--CapyDim-radius-full);
    background-color: var(--CapyDim-brand-orange);
    opacity: 0.5;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    -webkit-transition: width .3s, height .3s, opacity .3s;
    transition: width .3s, height .3s, opacity .3s;
    z-index: 999991;
}
@media  (max-width: 768px)  {
:where(body.CapyDim-page-home) .custom-cursor__cursor, :where(body.CapyDim-page-home) .custom-cursor__cursor-two {
        display: none;
    }
}
:where(body.CapyDim-page-home) .custom-cursor__hover {
    background-color: var(--CapyDim-brand-orange);
    opacity: 0.4;
}
:where(body.CapyDim-page-home) .custom-cursor__innerhover {
    width: 25px;
    height: 25px;
    opacity: .4;
}