.gocce-notify{
  position:fixed;
  right:22px;
  bottom:168px;
  z-index:999990;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.gocce-notify-button{
  width:50px;
  height:50px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background-color:rgb(44,44,44);
  border-radius:50%;
  cursor:pointer;
  transition:transform .2s ease,background-color .3s ease,box-shadow .3s ease;
  box-shadow:2px 2px 10px rgba(0,0,0,.13);
  border:0;
  color:#fff;
}
.gocce-notify-button:hover{background-color:rgb(56,56,56);box-shadow:3px 5px 18px rgba(0,0,0,.2)}
.gocce-notify-button:hover .gocce-notify-bell{animation:gocceBellRing .9s both}
.gocce-notify-button:active{transform:scale(.88)}
.gocce-notify-button:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:3px}
.gocce-notify-bell{width:20px;height:20px;color:#fff}
.gocce-notify-dot{
  position:absolute;
  top:1px;
  right:1px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#e53935;
  border:2px solid #fff;
  box-sizing:border-box;
}
.gocce-notify-dot[hidden]{display:none!important}
@keyframes gocceBellRing{
  0%,100%{transform-origin:top}
  15%{transform:rotateZ(10deg)}
  30%{transform:rotateZ(-10deg)}
  45%{transform:rotateZ(5deg)}
  60%{transform:rotateZ(-5deg)}
  75%{transform:rotateZ(2deg)}
}
.gocce-notify-panel{
  position:absolute;
  right:64px;
  bottom:0;
  width:min(350px,calc(100vw - 32px));
  padding:22px;
  box-sizing:border-box;
  background:#fff;
  color:#171717;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  box-shadow:0 20px 55px rgba(0,0,0,.22);
}
.gocce-notify-panel[hidden]{display:none!important}
.gocce-notify-close{
  position:absolute;
  top:9px;
  right:11px;
  width:32px;
  height:32px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#222;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.gocce-notify-kicker{margin:0 0 4px;font-size:10px;font-weight:700;letter-spacing:2.1px;color:#7d5b45}
.gocce-notify-panel h3{margin:0 36px 7px 0;font-size:25px;line-height:1.15;color:#151515}
.gocce-notify-copy{margin:0 0 17px;font-size:14px;line-height:1.5;color:#575757}
.gocce-notify-form{display:flex;flex-direction:column;gap:9px;margin:0}
.gocce-notify-form>label:not(.gocce-notify-consent){font-size:12px;font-weight:700;color:#232323}
.gocce-notify-form input[type="email"]{
  width:100%;
  height:46px;
  box-sizing:border-box;
  padding:0 13px;
  border:1px solid #dedede;
  border-radius:10px;
  background:#fff;
  color:#171717;
  font-size:14px;
  outline:none;
  box-shadow:none;
}
.gocce-notify-form input[type="email"]:focus{border-color:#252525;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.gocce-notify-consent{display:flex;align-items:flex-start;gap:8px;margin:2px 0 4px;font-size:12px;line-height:1.4;color:#505050;cursor:pointer}
.gocce-notify-consent input{margin-top:2px;flex:0 0 auto}
.gocce-notify-submit,.gocce-notify-unsubscribe{
  width:100%;
  min-height:44px;
  border:0;
  border-radius:10px;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition:transform .18s ease,opacity .18s ease,background .18s ease;
}
.gocce-notify-submit{background:#181818;color:#fff}
.gocce-notify-submit:hover{background:#2b2b2b}
.gocce-notify-unsubscribe{background:#f1f1f1;color:#222}
.gocce-notify-submit:active,.gocce-notify-unsubscribe:active{transform:scale(.98)}
.gocce-notify-submit:disabled,.gocce-notify-unsubscribe:disabled{opacity:.55;cursor:wait}
.gocce-notify-status{min-height:18px;margin:1px 0 0;font-size:12px;line-height:1.45;color:#2d6b39}
.gocce-notify-status.is-error{color:#b3261e}
@media (max-width:767px){
  .gocce-notify{right:13px;bottom:118px}
  .gocce-notify-button{width:48px;height:48px}
  .gocce-notify-panel{position:fixed;right:12px;left:12px;bottom:178px;width:auto;max-width:none}
}
@media (prefers-reduced-motion:reduce){
  .gocce-notify-button,.gocce-notify-bell,.gocce-notify-submit,.gocce-notify-unsubscribe{animation:none!important;transition:none!important}
}