:where(.integrations-page[data-variant=loyalty]) .loyalty-record{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface);width:100%;min-width:0;max-width:30rem;color:var(--od-text);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__head{align-items:center;gap:.875rem;display:flex}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__avatar{border-radius:var(--od-radius-round);background:var(--od-action-soft);width:2.5rem;height:2.5rem;color:var(--od-action-content);letter-spacing:.02em;flex:none;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:inline-flex}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__identity{flex-direction:column;flex:1;min-width:0;display:flex}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__identity strong{font-size:.9375rem;font-weight:700}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__identity span{color:var(--od-text-muted);overflow-wrap:anywhere;font-size:.75rem}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__kind{color:var(--od-text-subtle);font-family:var(--od-font-mono);flex:none;align-self:flex-start;font-size:.6875rem}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__points{border:1px solid var(--od-border);border-radius:var(--od-radius-component);background:var(--od-surface-subtle);flex-direction:column;gap:.5rem;padding:1rem 1.125rem;display:flex}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__row-label{color:var(--od-text-muted);font-family:var(--od-font-mono);font-size:.6875rem}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__bar{border-radius:var(--od-radius-round);background:var(--od-border);width:100%;height:.5rem;display:block;overflow:hidden}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__bar-fill{border-radius:var(--od-radius-round);background:var(--od-action);width:68%;height:100%;display:block}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__note{color:var(--od-text-subtle);font-size:.75rem}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__rows{flex-direction:column;gap:.75rem;margin:0;display:flex}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__rows>div{border-bottom:1px solid var(--od-border);justify-content:space-between;align-items:baseline;gap:.75rem;padding-bottom:.75rem;display:flex}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__rows>div:last-child{border-bottom:0;padding-bottom:0}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__rows dt{color:var(--od-text-muted);font-family:var(--od-font-mono);font-size:.6875rem}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__rows dd{text-align:right;overflow-wrap:anywhere;margin:0;font-size:.8125rem;font-weight:600}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__synced{border-top:1px solid var(--od-border);flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:1.125rem;display:flex}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__synced img{flex:none;width:1.25rem;height:1.25rem;display:block}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__synced-label{color:var(--od-text-muted);font-family:var(--od-font-mono);font-size:.6875rem}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__synced-names{color:var(--od-text);overflow-wrap:anywhere;font-size:.8125rem;font-weight:600}:where(.integrations-page[data-variant=loyalty]) .loyalty-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}:where(.integrations-page[data-variant=loyalty]) .loyalty-catalog__card{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface);flex-direction:column;gap:.875rem;min-width:0;min-height:10.75rem;padding:1.5rem;display:flex}:where(.integrations-page[data-variant=loyalty]) .loyalty-catalog__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}:where(.integrations-page[data-variant=loyalty]) .loyalty-catalog__name{letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:700;line-height:1.25}:where(.integrations-page[data-variant=loyalty]) .loyalty-catalog__status{border:1px solid var(--od-border);border-radius:var(--od-radius-round);height:1.375rem;color:var(--od-text-muted);font-family:var(--od-font-mono);white-space:nowrap;flex:none;align-items:center;padding:0 .5rem;font-size:.6875rem;display:inline-flex}:where(.integrations-page[data-variant=loyalty]) .loyalty-catalog__status[data-status=operational]{border-color:var(--od-success-soft);background:var(--od-success-soft);color:var(--od-success-functional)}:where(.integrations-page[data-variant=loyalty]) .loyalty-catalog__status[data-status=draft]{border-color:var(--od-warning-soft);background:var(--od-warning-soft);color:var(--od-warning-functional)}:where(.integrations-page[data-variant=loyalty]) .loyalty-catalog__body{color:var(--od-text-muted);text-wrap:pretty;flex:1;margin:0;font-size:.8125rem;line-height:1.5}:where(.integrations-page[data-variant=loyalty]) .loyalty-catalog__meta{color:var(--od-text-muted);font-family:var(--od-font-mono);justify-content:space-between;gap:.75rem;margin:0;font-size:.6875rem;display:flex}:where(.integrations-page[data-variant=loyalty]) .loyalty-catalog__meta dd{margin:0}:where(.integrations-page[data-variant=loyalty]) .loyalty-checklist__meta{color:var(--od-text-muted);margin:.25rem 0 0;font-size:.75rem;line-height:1.4}:where(.integrations-page[data-variant=loyalty]) .loyalty-checklist__meta div{flex-wrap:wrap;gap:.25rem .625rem;display:flex}:where(.integrations-page[data-variant=loyalty]) .loyalty-checklist__meta dt{font-weight:600}:where(.integrations-page[data-variant=loyalty]) .loyalty-checklist__meta dd{margin:0}:where(.integrations-page[data-variant=loyalty]) .loyalty-ways .card{border-radius:var(--od-radius-component);gap:.75rem;padding:1.625rem}:where(.integrations-page[data-variant=loyalty]) .loyalty-developers{border-radius:var(--od-radius-panel);background:var(--od-bg);color:var(--od-text);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(2.5rem,5vw,4rem);padding:clamp(2rem,4.5vw,4rem);display:grid;position:relative;overflow:hidden}:where(.integrations-page[data-variant=loyalty]) .loyalty-developers__glow{background:radial-gradient(circle, color-mix(in srgb, var(--od-action) 22%, transparent), transparent 66%);pointer-events:none;border-radius:50%;width:50%;height:160%;position:absolute;top:-40%;right:-10%}:where(.integrations-page[data-variant=loyalty]) .loyalty-developers__copy,:where(.integrations-page[data-variant=loyalty]) .loyalty-developers__aside{min-width:0;position:relative}:where(.integrations-page[data-variant=loyalty]) .loyalty-developers__copy h2{font-size:clamp(2rem, 4vw, var(--od-font-size-8));letter-spacing:-.035em;text-wrap:pretty;margin:0;font-weight:700;line-height:1.05}:where(.integrations-page[data-variant=loyalty]) .loyalty-developers__copy .m-eyebrow+h2{margin-top:1rem}:where(.integrations-page[data-variant=loyalty]) .loyalty-developers__body{max-width:29rem;color:var(--od-text-muted);text-wrap:pretty;margin:1.25rem 0 0;font-size:1.0625rem;line-height:1.55}:where(.integrations-page[data-variant=loyalty]) .loyalty-developers__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}:where(.integrations-page[data-variant=loyalty]) .loyalty-code{border:1px solid var(--od-border);border-radius:var(--od-radius-panel);background:var(--od-surface);color:var(--od-text-muted);font-family:var(--od-font-mono);margin:0;padding:1.25rem 1.375rem;font-size:.75rem;line-height:1.7;overflow-x:auto}:where(.integrations-page[data-variant=loyalty]) .loyalty-code__request{white-space:nowrap}:where(.integrations-page[data-variant=loyalty]) .loyalty-code__method{color:var(--od-action-content)}:where(.integrations-page[data-variant=loyalty]) .loyalty-code__comment{color:var(--od-text-subtle);margin-top:.5rem}:where(.integrations-page[data-variant=loyalty]) .loyalty-code__field{white-space:nowrap;padding-left:1rem}:where(.integrations-page[data-variant=loyalty]) .loyalty-code__value{color:var(--od-text)}@media (width<=1180px){:where(.integrations-page[data-variant=loyalty]) .loyalty-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.integrations-page[data-variant=loyalty]) .loyalty-record{max-width:100%;height:auto}}@media (width<=980px){:where(.integrations-page[data-variant=loyalty]) .loyalty-developers{grid-template-columns:1fr}}@media (width<=700px){:where(.integrations-page[data-variant=loyalty]) .loyalty-catalog{grid-template-columns:1fr}:where(.integrations-page[data-variant=loyalty]) .loyalty-catalog__card{min-height:0}:where(.integrations-page[data-variant=loyalty]) .loyalty-record__head{flex-wrap:wrap}}@media (width<=420px){:where(.integrations-page[data-variant=loyalty]) .loyalty-developers__actions .marketing-button{width:100%}}
