.sw-sr-theme-tester__swatches{display:flex;flex-wrap:wrap;gap:1rem}.sw-sr-theme-tester__swatch{flex:1 1 140px;max-width:200px}.sw-sr-theme-tester__swatch-box{border:1px solid var(--borders,#dee2e6);border-radius:var(--border_radius,8px);height:3.5rem;margin-bottom:.35rem}.sw-sr-theme-tester__swatch-label{font-size:.8125rem;line-height:1.3;word-break:break-word}.sw-sr-theme-tester__swatch-hex{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6875rem;line-height:1.35;margin-top:.25rem;opacity:.88;word-break:break-all}.sw-sr-theme-tester .bg-dark .sw-sr-theme-tester__swatch-hex{color:hsla(0,0%,100%,.9)}.sw-sr-theme-tester__gradient-meta{background:rgba(var(--black_rgb),.03);border:1px solid var(--borders,#dee2e6);border-radius:var(--border_radius,8px);font-size:.65rem;line-height:1.35;margin:.35rem 0 0;max-height:5rem;overflow:auto;padding:.35rem .5rem;word-break:break-all}.sw-sr-theme-tester__gradient-meta code{font-family:inherit;font-size:inherit;white-space:pre-wrap}.sw-sr-theme-tester__gradient-meta--on-dark{background:rgba(0,0,0,.25);border-color:hsla(0,0%,100%,.25);color:hsla(0,0%,100%,.92)}.sw-sr-theme-tester__gradient-box{border:1px solid var(--borders,#dee2e6);border-radius:var(--border_radius,8px);min-height:7rem}.sw-sr-theme-tester__gradient-box--on-dark,.sw-sr-theme-tester__swatch-box--on-dark{border-color:hsla(0,0%,100%,.28)}.sw-sr-theme-tester .bg-dark .sw-sr-theme-tester__swatch--gradient{flex:1 1 220px;max-width:100%;min-width:min(100%,200px)}.sw-sr-theme-tester__missing{background:rgba(var(--warning_rgb),.08);border:1px dashed var(--borders,#ccc);border-radius:var(--border_radius,8px);color:var(--body_color);font-size:.9375rem;padding:.75rem 1rem}.sw-sr-theme-tester .bg-dark .sw-sr-theme-tester__missing{background:rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.35);color:var(--light)}.sw-sr-theme-tester__brand-colors{display:flex;flex-direction:column;gap:.65rem;list-style:none;margin:0;padding:0}.sw-sr-theme-tester__brand-color-row{align-items:center;display:flex;gap:.85rem}.sw-sr-theme-tester__brand-color-dot{border:1px solid var(--borders,#dee2e6);border-radius:50%;flex-shrink:0;height:2.5rem;width:2.5rem}.sw-sr-theme-tester__brand-color-dot--empty{background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(var(--black_rgb),.07) 4px,rgba(var(--black_rgb),.07) 5px)}.sw-sr-theme-tester__brand-color-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;margin-top:.15rem}.sw-sr-theme-tester__font-fallback{font-style:italic}.sw-sr-theme-tester__meta-dl{display:grid;font-size:.9375rem;gap:.35rem 1rem;grid-template-columns:auto 1fr;margin:0}.sw-sr-theme-tester__meta-dl dt{font-weight:600;margin:0}.sw-sr-theme-tester__meta-dl dd{margin:0;word-break:break-word}.sw-sr-theme-tester .bg-dark .table{color:var(--light)}.sw-sr-theme-tester .bg-dark .table td,.sw-sr-theme-tester .bg-dark .table th{border-color:hsla(0,0%,100%,.25)}.sw-sr-theme-tester .bg-dark .table-striped>tbody>tr:nth-of-type(odd)>*{background-color:hsla(0,0%,100%,.06);color:inherit}.sw-sr-theme-tester__btn-stack{gap:.65rem}.sw-sr-theme-tester__pagination{gap:.35rem}.sw-sr-theme-tester__pagination a,.sw-sr-theme-tester__pagination span{align-items:center;border:1px solid var(--borders,#dee2e6);border-radius:var(--border_radius,8px);color:var(--body_color);display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;min-height:2.25rem;min-width:2.25rem;padding:0 .5rem;text-decoration:none}.sw-sr-theme-tester__pagination a:hover{background:rgba(var(--primary_rgb),.12);color:var(--body_color)}.sw-sr-theme-tester__pagination .is-active{background:var(--primary);border-color:var(--primary);color:var(--white)}.sw-sr-theme-tester .bg-dark .sw-sr-theme-tester__pagination a,.sw-sr-theme-tester .bg-dark .sw-sr-theme-tester__pagination span{border-color:hsla(0,0%,100%,.25);color:var(--light)}.sw-sr-theme-tester .bg-dark .sw-sr-theme-tester__pagination a:hover{background:hsla(0,0%,100%,.12);color:var(--light)}.sw-sr-theme-tester .bg-dark .sw-sr-theme-tester__pagination .is-active{background:var(--primary);border-color:var(--primary);color:var(--white)}.sw-sr-theme-tester__form-demo form{display:block;max-width:28rem}.sw-sr-theme-tester__form-demo .form-control{margin-bottom:1rem;width:100%}