/* All selectors are scoped: no site/theme buttons are modified. */
.gpp-overlay[hidden]{display:none!important}
.gpp-overlay{
  position:fixed!important;inset:0;display:flex;align-items:center;justify-content:center;
  box-sizing:border-box;padding:14px;z-index:2147483000;
  background:rgba(0,0,0,var(--gpp-overlay-alpha,.82));
  background:color-mix(in srgb,var(--gpp-overlay-bg,#000000) var(--gpp-overlay-percent,82%),transparent);
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:gpp-in .24s ease-out;
}
.gpp-overlay *,.gpp-overlay *::before,.gpp-overlay *::after{box-sizing:border-box}
.gpp-overlay .gpp-dialog{
  position:relative;isolation:isolate;width:100%;max-width:var(--gpp-card-width,448px);
  max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);
  overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--gpp-card-border-color,#20523f);
  border-radius:var(--gpp-radius,24px);padding:22px 12px 14px;color:var(--gpp-body-color,#c8cecb);
  font-family:Arial,Helvetica,sans-serif;text-align:center;line-height:1.45;
  background:radial-gradient(ellipse 100% 44% at 10% 0%,color-mix(in srgb,var(--gpp-accent,#00ab78) 24%,transparent),transparent 85%),
    radial-gradient(ellipse 80% 55% at 100% 100%,color-mix(in srgb,var(--gpp-accent,#00ab78) 18%,transparent),transparent 82%),
    var(--gpp-card-bg,#111817);
  box-shadow:0 24px 90px #000a,0 0 34px color-mix(in srgb,var(--gpp-accent,#00ab78) 12%,transparent);
  scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;
}
.gpp-overlay .gpp-dialog:focus{outline:none}
.gpp-overlay .gpp-close{
  position:absolute;top:13px;right:14px;display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;padding:0;border:1px solid var(--gpp-close-border-color,#27332e);
  border-radius:50%;background:var(--gpp-close-bg,#0d1513);color:var(--gpp-close-icon-color,#c7cbca);
  cursor:pointer;z-index:2;line-height:1;transition:background .2s,color .2s,border-color .2s;
}
.gpp-overlay .gpp-close:hover,.gpp-overlay .gpp-close:focus-visible{
  border-color:var(--gpp-close-hover-border,#3d7b63);background:var(--gpp-close-hover-bg,#26342f);
  color:var(--gpp-close-hover-icon-color,#fff);
}
.gpp-overlay .gpp-banner{
  display:inline-flex;align-items:center;gap:7px;justify-content:center;max-width:calc(100% - 92px);
  min-height:33px;padding:7px 15px;border:1px solid var(--gpp-banner-border-color,#167652);
  border-radius:100px;background:var(--gpp-banner-bg,#113f31);
  box-shadow:0 0 10px color-mix(in srgb,var(--gpp-accent,#00ab78) 12%,transparent);
  color:var(--gpp-banner-text-color,#70edc0);font-size:12px;font-weight:800;
  letter-spacing:.35px;line-height:1.15;overflow-wrap:anywhere;
}
.gpp-overlay .gpp-banner-icon{font-size:17px;color:var(--gpp-banner-icon-color,#4fefb1);line-height:1}
.gpp-overlay .gpp-art-section{position:relative;display:table;margin:19px auto 19px}
.gpp-overlay .gpp-art{
  display:flex;align-items:center;justify-content:center;
  width:var(--gpp-image-width,118px);height:var(--gpp-image-width,118px);padding:7px;
  border:2px solid var(--gpp-image-border-color,#21cf9a);border-radius:20px;
  background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--gpp-image-glow-color,#00ab78) 45%,transparent),transparent 75%),var(--gpp-image-bg,#064e3b);
  box-shadow:0 0 10px color-mix(in srgb,var(--gpp-image-glow-color,#00ab78) 65%,transparent),
    0 0 25px color-mix(in srgb,var(--gpp-image-glow-color,#00ab78) 31%,transparent),inset 0 0 10px #ffffff0b;
}
.gpp-overlay .gpp-art-image-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:12px}
.gpp-overlay .gpp-art img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;border:0;border-radius:12px;background:transparent}
.gpp-overlay .gpp-gift{height:88%;width:88%;filter:drop-shadow(0 5px 8px #001c1855)}
.gpp-overlay .gpp-art-badge{
  position:absolute;right:-8px;top:-8px;border:1px solid var(--gpp-badge-border-color,#15b780);
  border-radius:100px;padding:4px 9px;background:var(--gpp-badge-bg,#27d99f);
  color:var(--gpp-badge-text-color,#033c2c);font-weight:900;font-size:10px;line-height:1;box-shadow:0 2px 8px #0005;
}
.gpp-overlay .gpp-copy{padding:0 17px}
.gpp-overlay .gpp-title{
  margin:0 0 10px;color:var(--gpp-title-color,#fff);font-family:Arial,Helvetica,sans-serif;
  font-size:22px;font-weight:800;letter-spacing:-.45px;line-height:1.25;overflow-wrap:anywhere;
}
.gpp-overlay .gpp-heading-icon{display:inline-block;margin-right:3px;font-size:.9em;vertical-align:baseline;color:var(--gpp-heading-icon-color,#fff)}
.gpp-overlay .gpp-description{
  max-width:345px;margin:0 auto;color:var(--gpp-body-color,#c8cecb);
  font-size:15px;line-height:1.7;overflow-wrap:anywhere;
}
.gpp-overlay .gpp-description p{margin:0 0 9px;padding:0;color:inherit;line-height:inherit;font-size:inherit}
.gpp-overlay .gpp-description p:last-child{margin-bottom:0}
.gpp-overlay .gpp-description small{color:var(--gpp-muted-color,#a3aaa5)}
.gpp-overlay .gpp-description a{color:var(--gpp-description-link-color,#9dfbd4);text-decoration:underline}
.gpp-overlay .gpp-description a:hover,.gpp-overlay .gpp-description a:focus-visible{color:var(--gpp-description-link-hover,#fff)}
.gpp-overlay .gpp-actions{margin-top:20px}
.gpp-overlay .gpp-primary{
  display:flex;align-items:center;justify-content:center;gap:7px;min-height:51px;width:100%;padding:11px 15px;
  border:1px solid var(--gpp-button-border-color,#168663);border-radius:14px;
  background:linear-gradient(90deg,var(--gpp-button-bg,#006847),var(--gpp-button-bg-end,#087e58));
  box-shadow:0 10px 22px #001d164a;color:var(--gpp-button-text-color,#fff)!important;
  font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:850;line-height:1.2;text-align:center;
  text-decoration:none!important;text-transform:none;transition:background .18s,border-color .18s,transform .18s;
  overflow-wrap:anywhere;
}
.gpp-overlay .gpp-primary:hover,.gpp-overlay .gpp-primary:focus-visible{
  background:linear-gradient(90deg,var(--gpp-button-hover-bg,#008b60),var(--gpp-button-hover-bg-end,#1da47c));
  border-color:var(--gpp-button-hover-border,#3acb9a);color:var(--gpp-button-hover-text-color,#fff)!important;
  transform:translateY(-1px);
}
.gpp-overlay .gpp-later{
  appearance:none;display:block;width:100%;border:1px solid var(--gpp-later-border-color,#202b26);
  border-radius:8px;margin:8px auto 0;padding:5px 8px;
  color:var(--gpp-later-text-color,#a3aaa5);background:var(--gpp-later-bg,#111817);
  font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;line-height:1.4;
  cursor:pointer;transition:background .2s,color .2s,border-color .2s;
}
.gpp-overlay .gpp-later:hover,.gpp-overlay .gpp-later:focus-visible{
  border-color:var(--gpp-later-hover-border,#2c5847);color:var(--gpp-later-hover-text-color,#fff);
  background:var(--gpp-later-hover-bg,#19352b);
}
.gpp-overlay :focus-visible{outline:2px solid var(--gpp-accent,#00ab78);outline-offset:3px}
body.gpp-open{overflow:hidden!important}
@keyframes gpp-in{from{opacity:0}to{opacity:1}}
@media(max-width:480px){
  .gpp-overlay{padding:12px}
  .gpp-overlay .gpp-dialog{max-height:calc(100dvh - 24px);padding:18px 10px 12px;border-radius:min(var(--gpp-radius,24px),22px)}
  .gpp-overlay .gpp-close{right:10px;top:10px;width:34px;height:34px}
  .gpp-overlay .gpp-banner{max-width:calc(100% - 57px);font-size:10.5px;padding:7px 10px}
  .gpp-overlay .gpp-art-section{margin:16px auto 16px}
  .gpp-overlay .gpp-copy{padding:0 9px}
  .gpp-overlay .gpp-title{font-size:19px}
  .gpp-overlay .gpp-description{font-size:13.5px;line-height:1.55}
  .gpp-overlay .gpp-actions{margin-top:16px}
  .gpp-overlay .gpp-primary{font-size:13px;min-height:46px}
}
@media(prefers-reduced-motion:reduce){.gpp-overlay{animation:none}.gpp-overlay *{transition:none!important}}

/* v1.3.0 bottom-right reminder. Independent, editable badge/title/subtitle font sizes. */
.gpp-dock[hidden]{display:none!important}
.gpp-dock{
  position:fixed!important;z-index:2147482990;
  bottom:calc(var(--gpp-dock-desktop-bottom,18px) + env(safe-area-inset-bottom,0px));
  right:calc(var(--gpp-dock-desktop-right,18px) + env(safe-area-inset-right,0px));
  width:min(var(--gpp-dock-desktop-width,380px),calc(100vw - 26px));
  max-width:calc(100vw - 26px);box-sizing:border-box;
  font-family:Arial,Helvetica,sans-serif;line-height:1.3;isolation:isolate;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.4));
  animation:gpp-dock-in .26s ease-out;
}
.gpp-dock *,.gpp-dock *::before,.gpp-dock *::after{box-sizing:border-box}
.gpp-dock .gpp-dock-trigger{
  appearance:none;display:block;position:relative;width:100%;min-height:130px;
  padding:23px 17px 15px;margin:0;border:2px solid var(--gpp-dock-border-color,#0d7656);
  border-radius:30px;outline:none;text-align:left;cursor:pointer;
  background:radial-gradient(ellipse 90% 100% at 0 50%,color-mix(in srgb,var(--gpp-dock-image-glow-color,#00b987) 12%,transparent),transparent 95%),var(--gpp-dock-bg,#123d30);
  color:var(--gpp-dock-title-color,#fff)!important;text-decoration:none!important;
  font-family:Arial,Helvetica,sans-serif;line-height:1.25;
  box-shadow:inset 0 0 15px #001e172b,0 8px 25px #0005;
  transition:border-color .2s,transform .2s,box-shadow .2s;
}
.gpp-dock .gpp-dock-trigger:hover{
  border-color:var(--gpp-dock-hover-border,#14d69d);transform:translateY(-2px);
  box-shadow:inset 0 0 15px #001e172b,0 12px 30px #0006;
}
.gpp-dock .gpp-dock-trigger:focus-visible,
.gpp-dock .gpp-dock-dismiss:focus-visible{outline:3px solid var(--gpp-dock-badge-border-color,#43eeb9);outline-offset:3px}
.gpp-dock .gpp-dock-badge{
  position:absolute;left:50%;top:-20px;transform:translateX(-50%);z-index:2;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  max-width:min(95vw,calc(100% + 80px));min-height:38px;
  padding:7px 17px;border:2px solid var(--gpp-dock-badge-border-color,#43eeb9);
  border-radius:100px;background:var(--gpp-dock-badge-bg,#00ad87);
  color:var(--gpp-dock-badge-text-color,#fff);font-size:var(--gpp-dock-badge-font-size,16px);font-weight:900;
  letter-spacing:.2px;line-height:1;white-space:nowrap;
  box-shadow:0 3px 10px #001d1860;
}
.gpp-dock .gpp-dock-badge-icon{font-size:var(--gpp-dock-badge-icon-font-size,17px);color:var(--gpp-dock-badge-icon-color,#fff);line-height:1;flex-shrink:0}
.gpp-dock .gpp-dock-badge-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gpp-dock .gpp-dock-main{display:flex;align-items:center;gap:16px;width:100%}
.gpp-dock .gpp-dock-art{
  flex:0 0 87px;width:87px;height:87px;border-radius:24px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;padding:5px;
  border:2px solid var(--gpp-dock-image-border-color,#00ce99);
  background:var(--gpp-dock-image-bg,#064b38);
  box-shadow:0 0 13px color-mix(in srgb,var(--gpp-dock-image-glow-color,#00b987) 35%,transparent);
}
.gpp-dock .gpp-dock-art img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border:0;background:transparent;border-radius:18px}
.gpp-dock .gpp-dock-gift{display:block;width:80%;height:80%}
.gpp-dock .gpp-dock-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;justify-content:center}
.gpp-dock .gpp-dock-title{
  display:block;margin:0;color:var(--gpp-dock-title-color,#fff);font-size:var(--gpp-dock-title-font-size,19px);
  line-height:1.18;font-weight:900;letter-spacing:-.25px;overflow-wrap:anywhere;
}
.gpp-dock .gpp-dock-subtitle{
  display:block;color:var(--gpp-dock-subtitle-color,#55e4af);font-size:var(--gpp-dock-subtitle-font-size,12px);
  line-height:1.25;font-weight:850;overflow-wrap:anywhere;
}
.gpp-dock .gpp-dock-dismiss{
  position:absolute;z-index:3;right:5px;bottom:5px;display:flex;align-items:center;justify-content:center;
  height:23px;width:23px;padding:0;cursor:pointer;font-size:18px;line-height:1;
  border-radius:50%;border:1px solid var(--gpp-dock-dismiss-border,#238367);
  color:var(--gpp-dock-dismiss-icon,#fff);background:var(--gpp-dock-dismiss-bg,#103f33);
}
@keyframes gpp-dock-in{from{opacity:0;transform:translateY(11px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:767px){
  .gpp-dock{
    bottom:calc(var(--gpp-dock-mobile-bottom,18px) + env(safe-area-inset-bottom,0px));
    right:calc(var(--gpp-dock-mobile-right,12px) + env(safe-area-inset-right,0px));
    width:min(var(--gpp-dock-mobile-width,142px),calc(100vw - 28px));max-width:calc(100vw - 28px);
  }
  .gpp-dock .gpp-dock-trigger{height:114px;min-height:114px;padding:27px 6px 7px;border-radius:26px}
  .gpp-dock .gpp-dock-badge{
    left:auto;right:0;top:-18px;transform:none;min-height:32px;
    padding:6px 10px;font-size:var(--gpp-dock-mobile-badge-font-size,12px);max-width:min(75vw,250px);gap:5px;
  }
  .gpp-dock .gpp-dock-badge-icon{font-size:var(--gpp-dock-mobile-icon-font-size,12px)}
  .gpp-dock .gpp-dock-main{height:100%;align-items:flex-end;justify-content:flex-end}
  .gpp-dock .gpp-dock-art{flex:0 0 85px;width:85px;height:85px;border-radius:24px}
  .gpp-dock .gpp-dock-copy{display:none}
  .gpp-dock .gpp-dock-dismiss{bottom:4px;left:4px;right:auto}
}
@media(prefers-reduced-motion:reduce){.gpp-dock{animation:none}.gpp-dock *{transition:none!important}}


/* v1.4.1 | Reference compact floating CTA, isolated from classic v1.3. */
.gpp-dock--classic .gpp-dock-subtitle-icon{display:none!important}
.gpp-dock--reference{
  right:calc(var(--gpp-dock-ref-desktop-right,24px) + env(safe-area-inset-right,0px));
  bottom:calc(var(--gpp-dock-ref-desktop-bottom,160px) + env(safe-area-inset-bottom,0px));
  width:min(var(--gpp-dock-ref-desktop-width,300px),calc(100vw - 34px));
  max-width:calc(100vw - 34px);
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.56));
}
.gpp-dock--reference .gpp-dock-trigger{
  isolation:isolate;display:flex;align-items:center;
  min-height:64px;width:100%;padding:10px 13px;
  border-radius:16px;border:1px solid var(--gpp-dock-ref-border-color,#016242);
  background:var(--gpp-dock-ref-bg,#1e1e1e);
  box-shadow:0 10px 35px rgba(0,0,0,.7),0 1px 15px color-mix(in srgb,var(--gpp-dock-ref-glow-color,#016242) 12%,transparent);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
  overflow:visible;
}
.gpp-dock--reference .gpp-dock-trigger::before{
  content:"";position:absolute;z-index:-1;inset:-4px;border-radius:19px;pointer-events:none;
  background:linear-gradient(90deg,var(--gpp-dock-ref-border-color,#016242),var(--gpp-dock-ref-hover-border,#02875b));
  opacity:.25;filter:blur(5px);transition:opacity .3s ease;
}
.gpp-dock--reference .gpp-dock-trigger:hover{
  border-color:var(--gpp-dock-ref-hover-border,#02875b);
  transform:scale(1.05);
  box-shadow:0 12px 40px color-mix(in srgb,var(--gpp-dock-ref-glow-color,#016242) 52%,transparent);
}
.gpp-dock--reference .gpp-dock-trigger:hover::before{opacity:.7}
.gpp-dock--reference .gpp-dock-trigger:active{transform:scale(.95)}
.gpp-dock--reference .gpp-dock-main{gap:10px;display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:0}
.gpp-dock--reference .gpp-dock-art{
  flex:0 0 var(--gpp-dock-ref-art-size,44px);width:var(--gpp-dock-ref-art-size,44px);height:var(--gpp-dock-ref-art-size,44px);
  padding:0;border-width:1px;border-radius:12px;background:linear-gradient(135deg,var(--gpp-dock-image-bg,#064b38),var(--gpp-dock-ref-border-color,#016242));
  box-shadow:inset 0 0 9px #ffffff12,0 2px 7px #0008;
}
.gpp-dock--reference .gpp-dock-art img{object-fit:cover;border-radius:11px}
.gpp-dock--reference .gpp-dock-gift{height:80%;width:80%}
.gpp-dock--reference .gpp-dock-copy{gap:4px;min-width:0;max-width:100%;align-items:flex-start;text-align:left}
.gpp-dock--reference .gpp-dock-title{
  display:flex;flex-wrap:wrap;align-items:center;gap:5px;
  font-size:var(--gpp-dock-ref-title-font-size,11px);font-weight:900;
  letter-spacing:-.02em;line-height:1.2;text-transform:uppercase;
}
.gpp-dock--reference .gpp-dock-subtitle{
  display:flex;align-items:center;justify-content:flex-start;gap:4px;
  max-width:100%;min-width:0;text-align:left;
  font-size:var(--gpp-dock-ref-subtitle-font-size,9px);font-weight:750;
  text-transform:uppercase;line-height:1.35;color:var(--gpp-dock-subtitle-color,#55e4af);
}
/* Keep the sparkle/emoji on the subtitle's first line, never below the title alone. */
.gpp-dock--reference .gpp-dock-subtitle-icon{
  display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;
  font-size:1.2em;line-height:1;white-space:nowrap;
  color:var(--gpp-dock-ref-title-icon-color,#34d399);
}
.gpp-dock--reference .gpp-dock-subtitle-icon[hidden]{display:none!important}
.gpp-dock--reference .gpp-dock-subtitle-text{
  display:inline;min-width:0;white-space:normal;overflow-wrap:anywhere;
}
.gpp-dock--reference .gpp-dock-badge{
  left:50%;right:auto;top:-17px;transform:translateX(-50%);
  width:max-content;max-width:min(calc(100vw - 22px),calc(100% + 70px));min-height:23px;
  padding:4px 8px;gap:4px;border:1px solid var(--gpp-dock-ref-badge-border,#34d399);
  background:linear-gradient(90deg,var(--gpp-dock-ref-badge-start,#059669),var(--gpp-dock-ref-badge-end,#14b8a6));
  font-size:var(--gpp-dock-ref-badge-font-size,9px);font-weight:900;letter-spacing:.045em;
  box-shadow:0 2px 8px #0005;
  text-transform:uppercase;line-height:1.1;
}
.gpp-dock--reference .gpp-dock-badge-icon{font-size:var(--gpp-dock-ref-badge-icon-size,11px);height:1em;display:inline-flex;align-items:center}
.gpp-dock--reference .gpp-dock-badge-icon svg{width:1em;height:1em;display:block;stroke:currentColor}
.gpp-dock--reference .gpp-dock-dismiss{right:0;bottom:-11px;height:19px;width:19px;font-size:15px}
.gpp-dock--reference.gpp-dock--jump .gpp-dock-trigger{animation:gpp-ref-playful-jump 2s ease-in-out infinite}
.gpp-dock--reference.gpp-dock--jump .gpp-dock-badge{animation:gpp-ref-badge-pulse 2s ease-in-out infinite}
@keyframes gpp-ref-playful-jump{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes gpp-ref-badge-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.16)}}
@media(max-width:767px){
  .gpp-dock--reference{
    bottom:calc(var(--gpp-dock-ref-mobile-bottom,144px) + env(safe-area-inset-bottom,0px));
    right:calc(var(--gpp-dock-ref-mobile-right,8px) + env(safe-area-inset-right,0px));
    width:min(var(--gpp-dock-ref-mobile-width,66px),calc(100vw - 20px));
    max-width:calc(100vw - 20px);
  }
  .gpp-dock--reference .gpp-dock-trigger{
    display:block;width:100%;min-height:0;height:auto;aspect-ratio:1/1;
    padding:6px;border-radius:16px;
  }
  .gpp-dock--reference .gpp-dock-trigger::before{border-radius:19px}
  .gpp-dock--reference .gpp-dock-main{height:100%;width:100%;display:flex;align-items:center;justify-content:center}
  .gpp-dock--reference .gpp-dock-art{
    flex:0 0 var(--gpp-dock-ref-mobile-art-size,40px);
    width:var(--gpp-dock-ref-mobile-art-size,40px);
    height:var(--gpp-dock-ref-mobile-art-size,40px);
    max-width:100%;max-height:100%;border-radius:12px;
  }
  .gpp-dock--reference .gpp-dock-copy{display:none}
  .gpp-dock--reference .gpp-dock-badge{
    top:-15px;right:0;left:auto;transform:none;
    width:max-content;max-width:min(calc(100vw - 20px),240px);
    padding:4px 7px;gap:3px;min-height:22px;
    font-size:var(--gpp-dock-ref-mobile-badge-font-size,8px);
  }
  .gpp-dock--reference .gpp-dock-badge-icon{font-size:var(--gpp-dock-ref-mobile-icon-size,10px)}
  .gpp-dock--reference .gpp-dock-dismiss{right:0;bottom:-13px;left:auto}
}
@media(prefers-reduced-motion:reduce){
  .gpp-dock--reference.gpp-dock--jump .gpp-dock-trigger,
  .gpp-dock--reference.gpp-dock--jump .gpp-dock-badge{animation:none!important;translate:none!important}
}
/* Keep the green halo BEHIND the opaque card instead of tinting its dark surface. */
.gpp-dock--reference::before{
  content:"";position:absolute;z-index:-1;inset:-4px;pointer-events:none;
  border-radius:20px;opacity:.28;filter:blur(7px);
  background:linear-gradient(90deg,var(--gpp-dock-ref-border-color,#016242),var(--gpp-dock-ref-hover-border,#02875b));
  transition:opacity .3s ease;
}
.gpp-dock--reference:hover::before{opacity:.65}
.gpp-dock--reference .gpp-dock-trigger::before{display:none}