.webglobe-cartbar-toggle {
  right: calc(1rem + env(safe-area-inset-right, 0px));
  bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
  left: auto;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, .7);
  color: rgba(10, 15, 24, .92);
  background-color: rgba(255, 255, 255, .78);
  box-shadow: 0 .9rem 2.6rem rgba(15, 23, 42, .2), inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 -1px 0 rgba(255, 255, 255, .28);
  -webkit-backdrop-filter: blur(5px) saturate(165%) contrast(105%);
  backdrop-filter: blur(12px) saturate(165%) contrast(105%);
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: grab;
  transition: opacity .18s ease, transform .24s cubic-bezier(.2, .8, .2, 1), box-shadow .28s ease, background-color .28s ease, border-color .28s ease;
  will-change: transform;
}

body#checkout .webglobe-cartbar-toggle,
body.page-order .webglobe-cartbar-toggle {
  display: none;
}

.webglobe-cartbar-toggle::before,
.webglobe-cartbar-toggle::after {
  position: absolute;
  border-radius: inherit;
  content: "";
  pointer-events: none;
}

.webglobe-cartbar-toggle::before {
  inset: 1px;
  z-index: 0;
  background: radial-gradient(circle at 27% 18%, rgba(255, 255, 255, .92), transparent 30%), radial-gradient(circle at 78% 82%, rgba(128, 211, 255, .26), transparent 38%), linear-gradient(145deg, rgba(255, 255, 255, .52), rgba(255, 255, 255, .07) 48%, rgba(255, 255, 255, .3));
  box-shadow: inset 1.5px 1.5px 1px rgba(255, 255, 255, .72), inset -1.5px -1.5px 1px rgba(255, 255, 255, .2);
}

.webglobe-cartbar-toggle::after {
  inset: .2rem;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, .2);
  background: linear-gradient(115deg, transparent 18%, rgba(255, 255, 255, .08) 30%, rgba(255, 255, 255, .78) 46%, rgba(255, 255, 255, .12) 58%, transparent 72%);
  background-position: 120% 0;
  background-size: 240% 100%;
  opacity: .5;
  transform: rotate(-8deg) scale(.94);
  transition: opacity .3s ease, transform .48s cubic-bezier(.2, .8, .2, 1), background-position .58s cubic-bezier(.2, .8, .2, 1);
}

.webglobe-cartbar-toggle svg {
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .75));
  transition: transform .28s cubic-bezier(.2, .8, .2, 1);
}

.webglobe-cartbar-toggle__count {
  z-index: 3;
  border-color: rgba(255, 255, 255, .88);
  background: rgba(17, 24, 39, .88);
  box-shadow: 0 .35rem .9rem rgba(15, 23, 42, .22), inset 0 1px 0 rgba(255, 255, 255, .18);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  backdrop-filter: blur(8px) saturate(140%);
}

.webglobe-cartbar-toggle:hover,
.webglobe-cartbar-toggle:focus-visible {
  border-color: rgba(255, 255, 255, .92);
  color: #080c12;
  background-color: rgba(255, 255, 255, .86);
  box-shadow: 0 1.15rem 3rem rgba(15, 23, 42, .25), inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -1px 0 rgba(255, 255, 255, .34);
  transform: translateY(-.18rem) scale(1.025);
}

.webglobe-cartbar-toggle:hover::after,
.webglobe-cartbar-toggle:focus-visible::after {
  background-position: -20% 0;
  opacity: .88;
  transform: rotate(8deg) scale(1.02);
}

.webglobe-cartbar-toggle:hover svg,
.webglobe-cartbar-toggle:focus-visible svg {
  transform: scale(1.06);
}

.webglobe-cartbar-toggle:focus-visible {
  outline: .15rem solid rgba(2, 132, 199, .65);
  outline-offset: .2rem;
}

@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .webglobe-cartbar-toggle {
    background-color: rgba(255, 255, 255, .28);
  }

  .webglobe-cartbar-toggle:hover,
  .webglobe-cartbar-toggle:focus-visible {
    background-color: rgba(255, 255, 255, .4);
  }
}

@media (min-width: 768px) {
  .webglobe-cartbar-toggle {
    right: auto;
    bottom: 1.5rem;
    left: 1.75rem;
  }
}

.webglobe-cartbar-toggle.is-dragging,
.webglobe-cartbar-toggle.is-dragging:hover {
  cursor: grabbing;
  transform: scale(.96);
  transition: none;
}

.webglobe-cartbar-toggle.is-dragging::after {
  background-position: 35% 0;
  opacity: .92;
  transform: rotate(12deg) scale(1.04);
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .webglobe-cartbar-toggle,
  .webglobe-cartbar-toggle::after,
  .webglobe-cartbar-toggle svg {
    transition: none;
  }
}