.qb-like{--qb-like-ink: var(--qbx-danger, #b1204f);--qb-like-bg: var(--qbx-danger-bg, #fdf0f4);--qb-like-line: var(--qbx-danger-line, #efb4c6);display:inline-flex;align-items:center;flex:0 0 auto}button.qb-like-button[type=button]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--qb-line, var(--qbx-line, #dce4e3));border-radius:999px;background:var(--qbx-bg-card, #fff);color:var(--qb-ink, var(--qbx-ink, #202b31));font-size:var(--qbx-fs-2, 13px);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}button.qb-like-button[type=button]:hover{border-color:var(--qb-like-line);color:var(--qb-like-ink);text-decoration:none}button.qb-like-button[type=button]:focus-visible{outline:2px solid var(--qbx-line-focus, var(--qb-green, var(--qbx-line-brand, #087f72)));outline-offset:2px}button.qb-like-button[type=button][aria-busy=true]{cursor:progress}.qb-like.is-liked button.qb-like-button[type=button]{border-color:var(--qb-like-line);background:var(--qb-like-bg);color:var(--qb-like-ink)}.qb-like-button svg{flex:0 0 auto}.qb-like .qb-like-count{color:inherit;font-size:var(--qbx-fs-2, 13px);font-weight:700;font-variant-numeric:tabular-nums}.qb-like .qb-use-count{margin-inline-start:8px;color:var(--qb-muted, var(--qbx-muted, #677579));font-size:var(--qbx-fs-2, 12.5px);font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.qbc-template-grid>li>.qb-like .qb-use-count{display:none}.qb-like-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.qb-rank-badge[data-rank]{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:26px;padding:0 9px;border-radius:999px;background:var(--qbx-bg-ink, #17292e);color:var(--qbx-white, #fff);font-size:var(--qbx-fs-2, 12.5px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.qb-rank-badge>span[aria-hidden]{color:inherit;font-size:inherit;font-weight:inherit}.qb-rank-badge{--qb-medal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 1.5h4.2L12 8.4l-3.4 1.6zM18 1.5h-4.2L12 8.4l3.4 1.6z'/%3E%3Cpath fill-rule='evenodd' d='M12 9a6.6 6.6 0 1 0 0 13.2A6.6 6.6 0 0 0 12 9zm0 3.1a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7z'/%3E%3C/svg%3E");--qb-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.3 6.9.7-5.2 4.6 1.5 6.8L12 17l-6.1 3.4 1.5-6.8L2.2 9l6.9-.7z'/%3E%3C/svg%3E")}.qb-rank-badge[data-tier=gold]:before,.qb-rank-badge[data-tier=silver]:before,.qb-rank-badge[data-tier=bronze]:before,.qb-rank-badge[data-tier=top]:before{content:"";flex:0 0 auto;width:17px;height:17px;margin-inline-end:4px;background:currentColor;-webkit-mask:var(--qb-medal) center / contain no-repeat;mask:var(--qb-medal) center / contain no-repeat}.qb-rank-badge[data-tier=top]:before{-webkit-mask-image:var(--qb-star);mask-image:var(--qb-star)}.qb-rank-badge[data-tier=gold]{min-width:52px;height:32px;padding:0 12px 0 9px;font-size:var(--qbx-fs-3, 14.5px);background:linear-gradient(110deg,var(--qbx-warn, #f4d572) 0%,var(--qbx-warn, #e0a82e) 38%,var(--qbx-warn, #fff0b0) 50%,var(--qbx-warn, #e0a82e) 62%,var(--qbx-warn, #f4d572) 100%) 100% 0 / 260% 100%;color:var(--qbx-warn, #3a2400);font-size:var(--qbx-fs-2, 13.5px);box-shadow:0 1px 6px rgba(var(--qbx-warn-rgb, 184, 134, 11),.5),inset 0 0 0 1px rgba(var(--qbx-bg-card-rgb, 255, 255, 255),.5)}.qb-rank-badge[data-tier=silver]{min-width:48px;height:30px;padding:0 11px 0 8px;font-size:var(--qbx-fs-2, 13.5px);background:linear-gradient(135deg,var(--qbx-bg-deep, #f3f6f8),var(--qbx-bg-line, #b9c3c9) 55%,var(--qbx-bg-deep, #e8ecef));color:var(--qbx-ink, #26333a);box-shadow:0 1px 4px rgba(var(--qbx-bg-muted-rgb, 90, 105, 115),.35),inset 0 0 0 1px rgba(var(--qbx-bg-card-rgb, 255, 255, 255),.55)}.qb-rank-badge[data-tier=bronze]{min-width:48px;height:30px;padding:0 11px 0 8px;font-size:var(--qbx-fs-2, 13.5px);background:linear-gradient(135deg,var(--qbx-warn, #f4d6b4),var(--qbx-warn, #cd9054) 55%,var(--qbx-warn, #eec79f));color:var(--qbx-warn, #341a05);box-shadow:0 1px 4px rgba(var(--qbx-warn-rgb, 150, 90, 40),.35),inset 0 0 0 1px rgba(var(--qbx-bg-card-rgb, 255, 255, 255),.45)}.qb-rank-badge[data-tier=top]{background:var(--qbx-bg-brand-deep, #0e6a5f)}.qb-rank-badge[data-tier=popular]{background:var(--qbx-bg-ink, #3d4b50)}@media(prefers-reduced-motion:no-preference){.qb-rank-badge[data-tier=gold]{animation:qb-gold-sheen 4.2s ease-in-out infinite}}@keyframes qb-gold-sheen{0%,55%{background-position:100% 0}to{background-position:0 0}}@media(forced-colors:active){.qb-rank-badge[data-tier]{border:1px solid CanvasText;forced-color-adjust:none;background:Canvas;color:CanvasText}}.qb-template-library .qb-template:has(>.qb-rank-badge[data-tier=gold]),.qb-form-card:has(>.qb-rank-badge[data-tier=gold]),.qbc-template-grid>li:has(>.qb-rank-badge[data-tier=gold])>.qbc-template-card{border-color:var(--qbx-warn, #d9a82e);border-top-width:5px;box-shadow:0 0 0 1px var(--qbx-warn, #f3d675),0 10px 28px rgba(var(--qbx-warn-rgb, 217, 168, 46),.4);background-image:linear-gradient(180deg,rgba(var(--qbx-warn-rgb, 251, 227, 138),.24),rgba(var(--qbx-warn-rgb, 251, 227, 138),0) 150px)}.qb-template-library .qb-template:has(>.qb-rank-badge[data-tier=silver]),.qb-form-card:has(>.qb-rank-badge[data-tier=silver]),.qbc-template-grid>li:has(>.qb-rank-badge[data-tier=silver])>.qbc-template-card{border-color:var(--qbx-line-strong, #a9b4bb);border-top-width:5px;box-shadow:0 0 0 1px var(--qbx-bg-deep, #dde3e6),0 6px 18px rgba(var(--qbx-bg-muted-rgb, 110, 125, 135),.22);background-image:linear-gradient(180deg,rgba(var(--qbx-bg-deep-rgb, 226, 232, 236),.5),rgba(var(--qbx-bg-deep-rgb, 226, 232, 236),0) 150px)}.qb-template-library .qb-template:has(>.qb-rank-badge[data-tier=bronze]),.qb-form-card:has(>.qb-rank-badge[data-tier=bronze]),.qbc-template-grid>li:has(>.qb-rank-badge[data-tier=bronze])>.qbc-template-card{border-color:var(--qbx-warn, #c4874a);border-top-width:5px;box-shadow:0 0 0 1px var(--qbx-warn, #edcaa3),0 6px 18px rgba(var(--qbx-warn-rgb, 185, 119, 60),.22);background-image:linear-gradient(180deg,rgba(var(--qbx-warn-rgb, 240, 201, 160),.32),rgba(var(--qbx-warn-rgb, 240, 201, 160),0) 150px)}.qb-template-library .qb-template:has(>.qb-rank-badge[data-tier=top]),.qb-form-card:has(>.qb-rank-badge[data-tier=top]),.qbc-template-grid>li:has(>.qb-rank-badge[data-tier=top])>.qbc-template-card{border-color:var(--qbx-line-brand, #6bb5a9);box-shadow:0 0 0 1px var(--qbx-bg-brand-mist, #cfe8e3)}.qb-template-library .qb-template,.qb-form-card{position:relative}.qb-template-library .qb-template>.qb-rank-badge,.qb-form-card>.qb-rank-badge{position:absolute;z-index:1;top:10px;inset-inline-start:10px;box-shadow:0 1px 4px rgba(var(--qbx-bg-ink-rgb, 23, 41, 46),.25)}.qbc-template-grid>li{position:relative}.qbc-template-grid>li>.qb-rank-badge{position:absolute;z-index:1;top:10px;inset-inline-start:10px;box-shadow:0 1px 4px rgba(var(--qbx-bg-ink-rgb, 23, 41, 46),.25)}.qbc-template-grid>li>.qb-like{position:absolute;z-index:1;top:8px;inset-inline-end:8px}.qbc-template-grid>li>.qb-like button.qb-like-button[type=button]{box-shadow:0 1px 4px rgba(var(--qbx-bg-ink-rgb, 23, 41, 46),.18)}.qbc-template-grid .qbc-template-card{padding-top:16px}.qb-like-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0 0}.qb-like-row .qb-rank-line{margin:0}.qb-rank-line{margin:0;color:var(--qb-muted, var(--qbx-muted, #677579));font-size:var(--qbx-fs-2, 13.5px);line-height:1.5}.qb-template-library .qb-template-actions{flex-wrap:wrap;row-gap:4px}.qb-ec-template-list li>.qb-like-row{margin-top:8px}.qb-ec-template-cards li>.qb-like-row,.qb-ec-home-cards li>.qb-like-row{margin-top:10px}@media(max-width:480px){.qb-like-row{gap:6px 10px}}@media(prefers-reduced-motion:reduce){button.qb-like-button[type=button]{transition:none}}
