.infobulle-host{display:inline-flex;align-items:center;gap:.375rem}.infobulle{display:inline-flex;vertical-align:text-top;align-self:flex-start}.infobulle__trigger{display:inline-flex;align-items:center;justify-content:center;width:.95rem;height:.95rem;padding:0;border:none;border-radius:999px;background:rgb(var(--color-foreground-rgb) / .12);color:rgb(var(--color-foreground-rgb) / .65);font-family:inherit;font-size:.6rem;font-weight:700;line-height:1;cursor:help;transition:all .25s ease;flex-shrink:0}.infobulle__trigger:hover,.infobulle__trigger[data-hover-active=true]{background:rgb(var(--color-foreground-rgb) / .22);color:var(--color-foreground);transform:scale(1.08)}.infobulle__popover{--infobulle-popover-max-width: 300px;--infobulle-popover-spacing: 12px;--infobulle-popover-viewport-margin: 16px;width:100%;min-inline-size:240px;max-inline-size:var(--infobulle-popover-max-width);background:var(--color-background);border:1px solid rgb(var(--color-foreground-rgb) / .08);border-radius:12px;box-shadow:0 16px 40px rgb(var(--color-foreground-rgb) / .08),0 6px 12px rgb(var(--color-foreground-rgb) / .04);padding:1.25rem;margin:0;transition-property:display,opacity,translate;transition-duration:.35s;transition-timing-function:var(--ease-out-quad);transition-behavior:allow-discrete;translate:0 10px;opacity:0;z-index:999;font-size:calc(var(--font-size--xs) * 1.1);line-height:1.6;color:rgb(var(--color-foreground-rgb) / .7);pointer-events:none}.infobulle__popover:popover-open{translate:0 0;opacity:1;pointer-events:auto}@supports not selector(:popover-open){.infobulle__popover.\:popover-open{translate:0 0;opacity:1;pointer-events:auto}}.infobulle__popover{inset:unset;top:calc(anchor(bottom) + var(--infobulle-popover-spacing));left:anchor(left)}@supports (position-try-fallbacks: --top-left-infobulle){.infobulle__popover{position-try-fallbacks:--top-left-infobulle}@position-try --top-left-infobulle{top:calc(anchor(top) - var(--infobulle-popover-spacing));bottom:auto;transform:translateY(-100%)}}@supports not (position-anchor: --infobulle-trigger){.infobulle__popover{position:fixed;top:calc((var(--anchor-top) + var(--anchor-height)) * 1px + var(--infobulle-popover-spacing));left:max(var(--infobulle-popover-viewport-margin),min(var(--anchor-left) * 1px,var(--anchor-viewport-width, 100vw) - var(--infobulle-popover-max-width) - var(--infobulle-popover-viewport-margin)))}}@starting-style{.infobulle__popover:popover-open{translate:0 10px;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/infobulles.css.map */