/**
 * WISECP · Web Hosting Billing and Digital Services Platform
 *
 * Copyright (c) WISECP LLC — All rights reserved.
 * Unlicensed copying, distribution or use is prohibited.
 *
 * Terms of service: https://wisecp.com/terms-of-service
 */
.reference-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-block-end:2rem}.reference-chip{display:inline-flex;align-items:center;gap:.45rem;padding-block:.4rem;padding-inline:.85rem;border:1px solid var(--wstyle-border-color);border-radius:10rem;background-color:var(--wstyle-surface-bg);color:var(--wstyle-body-color);font-size:.85rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.reference-chip:hover{border-color:color-mix(in srgb,var(--wstyle-primary) 35%,var(--wstyle-border-color));background-color:var(--wstyle-primary-subtle);color:var(--wstyle-primary-text)}.reference-chip.active{background-color:var(--wstyle-primary);border-color:var(--wstyle-primary);color:var(--wstyle-on-primary)}.reference-chip img{inline-size:1em;block-size:1em;object-fit:contain}.reference-chip-count{padding-block:.05rem;padding-inline:.4rem;border-radius:10rem;background-color:color-mix(in srgb,var(--wstyle-body-color) 8%,transparent);font-size:.7rem;font-weight:700}.reference-chip.active .reference-chip-count{background-color:color-mix(in srgb,var(--wstyle-on-primary) 22%,transparent)}.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.25rem;justify-content:center}.reference-card{--ref-accent: var(--wstyle-primary);--ref-accent-text: color-mix(in srgb, var(--ref-accent) 72%, var(--wstyle-body-color));display:flex;flex-direction:column;overflow:hidden;background-color:var(--wstyle-surface-bg);border:1px solid var(--wstyle-border-color);border-radius:var(--wstyle-radius);box-shadow:var(--wstyle-shadow-sm);color:inherit;text-decoration:none;block-size:100%}.reference-frame{display:flex;align-items:center;gap:.6rem;padding-block:.5rem;padding-inline:.75rem;border-block-end:1px solid var(--wstyle-border-color);background-color:color-mix(in srgb,var(--wstyle-body-color) 3%,var(--wstyle-surface-bg))}.reference-frame-dots{display:inline-flex;gap:.3rem;flex-shrink:0}.reference-frame-dots span{inline-size:.55rem;block-size:.55rem;border-radius:50%;background-color:color-mix(in srgb,var(--wstyle-body-color) 16%,transparent)}.reference-frame-addr{display:inline-flex;align-items:center;gap:.35rem;flex:1 1 auto;min-inline-size:0;max-inline-size:16rem;padding-block:.2rem;padding-inline:.6rem;border-radius:10rem;background-color:color-mix(in srgb,var(--wstyle-body-color) 6%,var(--wstyle-surface-bg));color:var(--wstyle-muted-color);font-size:.75rem}.reference-frame-addr .bi{flex-shrink:0;font-size:.65rem}.reference-frame-domain{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-cover{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--wstyle-primary-subtle)}.reference-cover-ico{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;font-size:2.75rem;color:color-mix(in srgb,var(--ref-accent) 62%,var(--wstyle-body-color));background-image:linear-gradient(135deg,color-mix(in srgb,var(--ref-accent) 22%,var(--wstyle-surface-bg)),color-mix(in srgb,var(--ref-accent) 8%,var(--wstyle-surface-bg)))}.reference-cover-img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform .4s ease;will-change:transform}.reference-card:hover .reference-cover-img{transform:scale(1.06)}.reference-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,transparent 38%,color-mix(in srgb,var(--ref-accent) 62%,transparent)),linear-gradient(to top,rgba(0,0,0,.32),transparent 45%);pointer-events:none}[dir=rtl] .reference-cover:after{background:linear-gradient(210deg,transparent 38%,color-mix(in srgb,var(--ref-accent) 62%,transparent)),linear-gradient(to top,rgba(0,0,0,.32),transparent 45%)}.reference-body{display:flex;flex-direction:column;gap:.4rem;flex:1 1 auto;padding:1.1rem 1.15rem}.reference-cat-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ref-accent-text)}.reference-cat-label img{inline-size:1em;block-size:1em;object-fit:contain}.reference-title{font-size:1.05rem;font-weight:700;line-height:1.25;color:var(--wstyle-heading-color)}.reference-desc{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.85rem;line-height:1.45;color:var(--wstyle-muted-color)}.reference-visit{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-block-start:auto;padding-block-start:.85rem;font-size:.85rem;font-weight:600;color:var(--wstyle-primary-text)}.reference-visit .bi{flex-shrink:0;transition:transform .2s ease}.reference-card:hover .reference-visit .bi{transform:translate(.2rem)}[dir=rtl] .reference-visit .bi{transform:scaleX(-1)}[dir=rtl] .reference-card:hover .reference-visit .bi{transform:scaleX(-1) translate(.2rem)}.reference-count{margin-block:1.5rem 0;font-size:.85rem;color:var(--wstyle-muted-color);text-align:center}@media(max-width:767.98px){.reference-filters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-block-end:.25rem}.reference-chip{flex-shrink:0}}