.head-drag-pill{position:fixed;top:0;left:0;z-index:2147482000;width:0;height:0;pointer-events:none;transform-origin:0 0;will-change:transform}.head-drag-pill__in{position:absolute;left:0;bottom:0;display:block;box-sizing:border-box;padding:.375rem 1rem;border-radius:999px;background:var(--head-ink, #0d0f11);color:#fff;font-family:var(--font-body--family, "Inter Tight", sans-serif);font-size:18px;font-weight:500;line-height:calc(25 / 19);letter-spacing:0;white-space:nowrap;box-shadow:var(--head-float-shadow, 0 14px 34px -12px rgb(13 15 17 / .45), 0 0 0 1px rgb(13 15 17 / .06));transform-origin:0 100%;opacity:0;scale:.4;transition:opacity .2s var(--head-ease-in, cubic-bezier(.5, 0, .75, 0)),scale .2s var(--head-ease-in, cubic-bezier(.5, 0, .75, 0))}.head-drag-pill.is-on .head-drag-pill__in{opacity:1;scale:1;transition:opacity .16s ease-out,scale var(--head-pop-dur, .55s) var(--head-pop, cubic-bezier(.16, 1, .3, 1))}.head-drag-pill.is-snap .head-drag-pill__in{transition:none}.head-drag-pill.is-on .head-drag-pill__in--swap{overflow:hidden;transition:opacity .16s ease-out,scale var(--head-pop-dur, .55s) var(--head-pop, cubic-bezier(.16, 1, .3, 1)),width .22s var(--head-ease, cubic-bezier(.16, 1, .3, 1))}.head-drag-pill__text{display:inline-block;animation:head-drag-pill-text .2s cubic-bezier(.16,1,.3,1)}@keyframes head-drag-pill-text{0%{opacity:0;transform:translateY(.2em)}}.head-drag-pill--accent .head-drag-pill__in{background:var(--head-accent, #00a9cf);color:var(--head-ink, #0d0f11)}@media(min-width:64rem){.head-drag-pill__in{font-size:19px}}@media(prefers-reduced-motion:reduce){.head-drag-pill__in,.head-drag-pill.is-on .head-drag-pill__in{scale:1;transition:opacity .16s ease}.head-drag-pill__text{animation:none}}@media(hover:hover)and (pointer:fine){.head-drag--on{cursor:grab;-webkit-user-select:none;user-select:none}.head-drag--on.is-dragging,.head-drag--on.is-dragging *{cursor:grabbing}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/head-drag.css.map */