.mc-metafield-pills{display:flex;flex-wrap:wrap;gap:4px}.mc-metafield-pills__item{display:inline-flex}.mc-metafield-pills__trigger.button-secondary{display:inline-flex;align-items:center;justify-content:start;text-align:left;min-width:48px;padding-block:6px;padding-inline:var(--padding-md);background-color:transparent;color:var(--color-foreground);border:none;border-radius:4px;font-size:12px;line-height:1.2;cursor:pointer;transition:background-color var(--animation-speed) var(--animation-easing)}.mc-metafield-pills__trigger:hover,.mc-metafield-pills__trigger[data-hover-active]{--mc-metafield-pill-background: rgb(var(--color-foreground-rgb) / var(--opacity-10-25))}.mc-metafield-pills__tooltip{--mc-metafield-pill-tooltip-spacing: 8px;--mc-metafield-pill-tooltip-max-width: 220px;--mc-metafield-pill-tooltip-viewport-margin: 16px;max-inline-size:var(--mc-metafield-pill-tooltip-max-width);margin:0;padding:var(--padding-xs) var(--padding-sm);background:var(--color-background);color:var(--color-foreground);border:var(--style-border-popover);border-radius:4px;box-shadow:var(--shadow-popover);font-size:var(--font-size--xs);line-height:1.3;transition-property:display,opacity,translate;transition-duration:.2s;transition-timing-function:var(--ease-out-quad);transition-behavior:allow-discrete;translate:0 6px;opacity:0}.mc-metafield-pills__tooltip{inset:unset;top:calc(anchor(bottom) + var(--mc-metafield-pill-tooltip-spacing));left:anchor(left)}@supports (position-try-fallbacks: --mc-metafield-pill-top-left){.mc-metafield-pills__tooltip{position-try-fallbacks:--mc-metafield-pill-top-left}@position-try --mc-metafield-pill-top-left{top:calc(anchor(top) - var(--mc-metafield-pill-tooltip-spacing));bottom:auto;transform:translateY(-100%)}}@supports not (position-anchor: --mc-metafield-pill-trigger){.mc-metafield-pills__tooltip{position:fixed;top:calc(var(--anchor-bottom) * 1px + var(--mc-metafield-pill-tooltip-spacing));left:max(var(--mc-metafield-pill-tooltip-viewport-margin),min(var(--anchor-left) * 1px,100vw - var(--mc-metafield-pill-tooltip-max-width) - var(--mc-metafield-pill-tooltip-viewport-margin)))}}.mc-metafield-pills__tooltip:popover-open{translate:0 0;opacity:1}@starting-style{.mc-metafield-pills__tooltip:popover-open{translate:0 6px;opacity:0}}@media(prefers-reduced-motion:reduce){.mc-metafield-pills__trigger,.mc-metafield-pills__tooltip{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/mc-component-metafield-pill.css.map */