.AvailabilityBadge-badge{-webkit-backdrop-filter:blur(14px)saturate(135%);backdrop-filter:blur(14px)saturate(135%);width:fit-content;min-height:32px;font-family:var(--font-body,"Plus Jakarta Sans", sans-serif);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#fffffff0,#f8f8f7d1);border:1px solid #ae834433;border-radius:var(--radius-pill);flex:none;justify-content:center;align-items:center;gap:9px;padding:8px 13px;font-size:11px;font-weight:700;line-height:1;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;display:inline-flex;box-shadow:0 9px 24px #0a0a0a0e,inset 0 1px #fffffff2}.AvailabilityBadge-badge:hover{border-color:#ae834457;transform:translateY(-1px);box-shadow:0 12px 30px #0a0a0a13,inset 0 1px #fff}.AvailabilityBadge-dot{width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 12%,transparent),0 0 13px color-mix(in srgb,currentColor 30%,transparent);background:currentColor;border-radius:50%;flex:none;position:relative}.AvailabilityBadge-dot:after{border-radius:inherit;content:"";background:#ffffffe0;width:3px;height:3px;position:absolute;inset:1px auto auto 1px}.AvailabilityBadge-label{text-overflow:ellipsis;overflow:hidden}.AvailabilityBadge-available{color:#246844;background:linear-gradient(#f9fffbf7,#eef8f2e0);border-color:#2c7d5333}.AvailabilityBadge-unavailable{color:#8b3f39;background:linear-gradient(#fffbfaf7,#faefede6);border-color:#94413a33}.AvailabilityBadge-compact{letter-spacing:.09em;gap:7px;min-height:26px;padding:6px 9px;font-size:11px}.AvailabilityBadge-compact .AvailabilityBadge-dot{width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 11%,transparent),0 0 9px color-mix(in srgb,currentColor 25%,transparent)}.AvailabilityBadge-compact .AvailabilityBadge-dot:after{width:2px;height:2px}@media(max-width:760px){.AvailabilityBadge-badge{gap:8px;min-height:30px;padding:7px 11px;font-size:11px}.AvailabilityBadge-compact{min-height:25px;padding:6px 8px;font-size:11px}}@media(prefers-reduced-motion:reduce){.AvailabilityBadge-badge{transition:none}.AvailabilityBadge-badge:hover{transform:none}}.AvailabilityBadge-unavailable{color:var(--color-gold-dark,#88662f);background:linear-gradient(#fffdf8f7,#f8f1e4e6);border-color:#b7915340}
/*# sourceMappingURL=/cdn/shop/t/27/assets/ess-AvailabilityBadge.css.map */