[data-bs-theme=dark],[data-fp-theme=dark]{--fp-select-toggle-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;--fp-body-bg: #212529 !important;--fp-body-color: #dee2e6 !important;--fp-body-bg-rgb: 33, 37, 41 !important;--fp-border-color: #495057 !important;--fp-border-color-rgb: 73, 80, 87 !important;--fp-border-color-translucent: rgba(255, 255, 255, .15) !important;--fp-tertiary-color: rgba(222, 226, 230, .5) !important}:root,[data-bs-theme=light],[data-fp-theme=light]{--fp-select-toggle-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--fp-body-bg: #fff;--fp-body-color: #212529;--fp-body-bg-rgb: 255, 255, 255;--fp-border-color: #dee2e6;--fp-border-color-rgb: 222, 226, 230;--fp-border-color-translucent: rgba(0, 0, 0, .175);--fp-tertiary-color: rgba(33, 37, 41, .5)}.fpb__accordion-toggle{--fp-accordion-toggle-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");display:flex;width:100%;align-items:center;color:var(--fp-body-color);font-size:1rem;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;border-block:1px solid var(--fp-border-color)!important;padding:.5rem 1rem;margin:0;transition:border-color .15s,box-shadow .15s}:root{--color-primary-base: #22577a;--color-primary-dark: #1a3d4d;--color-primary-light: #38a3a5;--color-success-base: #57cc99;--color-success-light: #80ed99;--color-danger-base: #E74C3C;--color-danger-dark: #C0392B;--color-danger-light: #EC7063;--color-bg-tint1: #1E1E1E;--color-bg-tint2: #2A2A2A;--color-border-default: #333333;--color-border-muted: #2A2A2A;--color-text-default: #FFFFFF;--color-text-muted: #CCCCCC;--color-text-dark: #888888;--color-text-accent: #c7f9cc;--stylizer-background: var(--color-bg-tint1);--stylizer-text: var(--color-text-default);--stylizer-accent: var(--color-primary-light);--stylizer-border: var(--color-border-default);--stylizer-surface: var(--color-bg-tint2);--stylizer-text-secondary: var(--color-text-muted);--font-primary-family: "Changa One", sans-serif;--font-primary-weight: 400;--font-primary-style: normal;--font-secondary-family: "Nova Square", sans-serif;--font-secondary-weight: 400;--font-secondary-style: normal;font-family:var(--font-primary-family);font-weight:var(--font-primary-weight);font-style:var(--font-primary-style);line-height:1.5;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#1a3d4d,#22577a);color:var(--color-text-default);font-family:var(--font-primary-family);font-weight:var(--font-primary-weight);font-style:var(--font-primary-style)}.container{max-width:1280px;margin:0 auto;padding:2rem}.header .container{padding:0;height:100%}h1{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);margin:1em 0;font-size:3rem;font-weight:700;line-height:1.2;font-family:var(--font-primary-family);font-weight:var(--font-primary-weight);font-style:var(--font-primary-style)}h2{color:var(--color-primary-light);margin-top:0;margin-bottom:1em;font-size:2rem;font-weight:600;font-family:var(--font-secondary-family);font-weight:var(--font-secondary-weight);font-style:var(--font-secondary-style)}h3{color:var(--color-text-default);font-size:1.5rem;font-weight:600;margin-bottom:.5em;font-family:var(--font-secondary-family);font-weight:var(--font-secondary-weight);font-style:var(--font-secondary-style)}p{color:var(--color-text-muted);line-height:1.6}a{font-weight:500;color:var(--color-primary-light);text-decoration:inherit;transition:color .2s}a:hover{color:var(--color-success-light)}.card{padding:2em;background:#22577a4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(56,163,165,.3);margin:1em 0;box-shadow:0 4px 12px #0003}button,.btn{border-radius:8px;border:1px solid rgba(255,255,255,.2);padding:.8em 1.4em;font-size:.95em;font-weight:500;font-family:inherit;background:linear-gradient(135deg,#22577a,#1a3d4d);color:#fff;cursor:pointer;transition:all .2s ease;margin:.4em;min-width:120px;box-shadow:0 2px 4px #0003;text-decoration:none;display:inline-block}button:hover,.btn:hover{background:linear-gradient(135deg,#38a3a5,#22577a);transform:translateY(-1px);box-shadow:0 4px 8px #22577a4d}button:active,.btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}button:focus,button:focus-visible,.btn:focus,.btn:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}button:disabled,.btn:disabled{background:linear-gradient(135deg,#666,#555);color:#aaa;cursor:not-allowed;transform:none;box-shadow:none;border-color:#ffffff1a}button.success,.btn-success{background:linear-gradient(135deg,#57cc99,#38a3a5);border-color:#fff3}button.success:hover,.btn-success:hover{background:linear-gradient(135deg,#80ed99,#57cc99);transform:translateY(-1px);box-shadow:0 4px 8px #57cc994d}.header{border-bottom:1px solid rgba(56,163,165,.3);padding:0;position:sticky;top:0;background:#1a3d4dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;height:75px}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 20px;height:100%}.logo{font-size:1.25rem;font-weight:700;color:var(--color-text-default);line-height:1;margin:0}.header-actions{display:flex;gap:.5rem;position:relative}body:not(.stylizer-sidebar-open):not(.stylizer-sidebar-closing) .header-actions{position:fixed;top:20px;right:60px;z-index:9997}.btn-icon{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;color:var(--color-text-default);cursor:pointer;border-radius:.375rem;transition:background .2s;min-width:auto;margin:0}.btn-icon:hover{background:#38a3a533}.hero{padding:4rem 0;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);font-family:var(--font-primary-family);font-weight:var(--font-primary-weight);font-style:var(--font-primary-style)}.hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:2rem;line-height:1.6;font-family:var(--font-secondary-family);font-weight:var(--font-secondary-weight);font-style:var(--font-secondary-style)}.hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,#22577a,#1a3d4d);color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-primary:hover{background:linear-gradient(135deg,#38a3a5,#22577a)}.btn-secondary{background:transparent;color:var(--color-primary-light);border:1px solid rgba(56,163,165,.5)}.btn-secondary:hover{background:#38a3a533;color:#fff}.demo-preview{margin-top:3rem;padding:2rem;background:#22577a4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(56,163,165,.3);border-radius:16px;box-shadow:0 4px 12px #0003}.demo-title{font-size:2rem;margin-bottom:.5rem;color:var(--color-text-default);font-family:var(--font-primary-family);font-weight:var(--font-primary-weight);font-style:var(--font-primary-style);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-subtitle{font-size:1.5rem;margin-bottom:2rem;color:var(--color-primary-light);font-family:var(--font-secondary-family);font-weight:var(--font-secondary-weight);font-style:var(--font-secondary-style);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-stylizer{display:flex;justify-content:center;align-items:center;margin-top:2rem}.section{padding:4rem 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--color-primary-light);font-family:var(--font-secondary-family);font-weight:var(--font-secondary-weight);font-style:var(--font-secondary-style)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{padding:2rem;background:#22577a4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(56,163,165,.3);border-radius:16px;box-shadow:0 4px 12px #0003;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-default)}.feature-card p{color:var(--color-text-muted)}.code-example{background:#22577a4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(56,163,165,.3);border-radius:16px;padding:2em;margin:2em 0;box-shadow:0 4px 12px #0003}.code-example-note{color:var(--color-text-accent);opacity:.9;margin-bottom:1em;font-style:italic}pre{background:#0000004d;border:1px solid rgba(56,163,165,.3);border-radius:8px;padding:1.5rem;overflow-x:auto;margin:1em 0}code{font-family:Monaco,Menlo,SF Mono,Consolas,Liberation Mono,monospace;font-size:.875rem;line-height:1.6;color:var(--color-text-default)}.install-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:800px;margin:0 auto}.install-card{background:#22577a4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(56,163,165,.3);border-radius:16px;padding:2rem;box-shadow:0 4px 12px #0003}.install-card h3{margin-bottom:1rem;font-size:1.5rem;color:var(--color-primary-light)}.footer{border-top:1px solid rgba(56,163,165,.3);padding:2rem 0;text-align:center;color:var(--color-text-muted);margin-top:4rem}.footer a{color:var(--color-primary-light);text-decoration:none}.footer a:hover{color:var(--color-success-light);text-decoration:underline}.status{padding:1em;border-radius:8px;background:#0000004d;margin:.5em 0;font-family:Monaco,Menlo,monospace;font-size:.9em;color:#fff}.status strong{color:var(--color-success-light);margin-right:.5em}.status.success{background:#57cc9933;border:1px solid #57cc99;color:#c7f9cc}.status.error{background:#e74c3c33;border:1px solid #E74C3C;color:#fcc}@media (max-width: 768px){.container{padding:1rem}h1,.hero-title{font-size:2rem}h2,.section-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.features-grid,.install-options{grid-template-columns:1fr}.header-content{padding:0 1rem}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.stylizer-sidebar{animation:slideInFromRight .3s ease-out}.stylizer-sidebar.closing{animation:slideOutToRight .3s ease-in}.stylizer-collapsed-button{position:fixed;top:20px;right:20px;z-index:9998;animation:slideInFromRight .3s ease-out}.stylizer-sidebar-container{z-index:9999}.fpb__modal{z-index:10000!important}body.stylizer-sidebar-open{margin-right:400px!important;transition:margin-right .3s ease-out!important}body.stylizer-sidebar-closing{margin-right:0!important;transition:margin-right .3s ease-in!important}[data-bs-theme=dark],[data-fp-theme=dark]{--fp-select-toggle-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;--fp-body-bg: #212529 !important;--fp-body-color: #dee2e6 !important;--fp-body-bg-rgb: 33, 37, 41 !important;--fp-border-color: #495057 !important;--fp-border-color-rgb: 73, 80, 87 !important;--fp-border-color-translucent: rgba(255, 255, 255, .15) !important;--fp-tertiary-color: rgba(222, 226, 230, .5) !important}:root,[data-bs-theme=light],[data-fp-theme=light]{--fp-select-toggle-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--fp-body-bg: #fff;--fp-body-color: #212529;--fp-body-bg-rgb: 255, 255, 255;--fp-border-color: #dee2e6;--fp-border-color-rgb: 222, 226, 230;--fp-border-color-translucent: rgba(0, 0, 0, .175);--fp-tertiary-color: rgba(33, 37, 41, .5)}:root{--fp-dark: #212529;--fp-light: #fff;--fp-primary: #0d6efd;--fp-secondary: #ff8239;--fp-hover-color: #0b5ed7;--fp-ring-color: #86b7fe;--fp-ring-shadow: rgba(13, 110, 253, .25) 0 0 0 .25rem;--fp-danger-rgb: 220, 53, 69;--fp-border-radius-sm: .25rem;--fp-border-radius: .375rem;--fp-border-radius-lg: .5rem;--fp-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--fp-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075)}.fpb__input,.fpb__input *,.fpb__input :before,.fpb__input :after,.fpb__modal,.fpb__modal *,.fpb__modal :before,.fpb__modal :after{box-sizing:border-box}.fpb__input,.fpb__modal{color:var(--fp-body-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.fpb__input{display:block;font-size:1rem;font-weight:400;line-height:1.5;color:var(--fp-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--fp-body-bg);padding:.375rem .75rem;border:1px solid var(--fp-border-color);border-radius:var(--fp-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.fpb__input:hover{background-color:var(--fp-body-bg)!important;border:1px solid var(--fp-border-color)!important}.fpb__input:focus{outline:0;border-color:var(--fp-ring-color);box-shadow:var(--fp-ring-shadow)}.fpb__input:disabled{pointer-events:none;cursor:not-allowed;opacity:.75}.fpb__dropdown{margin:unset;padding:.375rem 2.25rem .375rem .75rem;background-image:var(--fp-select-toggle-img);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}.fpb__modal{position:fixed;max-width:32rem;width:calc(100vw - 1rem);height:calc(100vh - 3rem);top:50%;left:50%;border:1px solid var(--fp-border-color-translucent);border-radius:var(--fp-border-radius-lg);background-color:var(--fp-body-bg);box-shadow:var(--fp-box-shadow);display:flex;flex-direction:column;overflow:hidden;opacity:0;pointer-events:none;transform:translate(-50%,-51%);transition:opacity .5s,transform .5s;z-index:1055}.fpb__modal.fpb__open{opacity:1;pointer-events:all;transform:translate(-50%,-50%)}.fpb__backdrop{position:fixed;width:100vw;height:100vh;top:0;right:0;bottom:0;left:0;z-index:1054;background-color:#000;opacity:0;pointer-events:none;transition:opacity .5s}.fpb__modal.fpb__open+.fpb__backdrop{opacity:.5;pointer-events:all}.fpb__modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem}.fp__modal-title{margin:0;font-size:1.25rem;font-weight:700;font-family:inherit}.fpb__modal button:hover{background-color:transparent!important}.fpb__modal-footer{display:flex;align-items:center;padding:1rem;gap:1rem;border-top:1px solid var(--fp-border-color)}.fpb__modal .fpb__input{width:100%}.fpb__btn-close{display:grid;place-items:center;color:var(--fp-tertiary-color);font-size:2rem;width:.75em;height:.75em;padding:0;line-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:var(--fp-border-radius)}.fpb__btn-close:hover{color:var(--fp-body-color)}.fpb__btn-close:focus-visible{outline:0;box-shadow:var(--fp-ring-shadow)}.fpb__accordion-item{margin-top:-1px}.fpb__accordion-toggle{--fp-accordion-toggle-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");display:flex;width:100%;align-items:center;color:var(--fp-body-color);font-size:1rem;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;border-block:1px solid var(--fp-border-color)!important;padding:.5rem 1rem;margin:0;transition:border-color .15s,box-shadow .15s}.fpb__accordion-toggle:after{content:"";margin-left:auto;width:1.25rem;height:1.25rem;background-image:var(--fp-accordion-toggle-img);background-repeat:no-repeat;background-size:100% 100%;transition:transform .2s}.fpb__accordion-item.fpb__open>.fpb__accordion-toggle:after{transform:rotate(-180deg)}.fpb__accordion-content{--fpb-height: 0;max-height:0;overflow:hidden;visibility:hidden;transition:max-height .2s}.fpb__accordion-content>*{padding:.5rem 1rem}.fpb__accordion-item.fpb__open .fpb__accordion-content{--fpb-height: fit-content;max-height:var(--fpb-height);visibility:visible}.fpb__accordion-toggle:focus{outline:0;box-shadow:var(--fp-ring-shadow);border-color:var(--fp-ring-color)}[role=button],button{cursor:pointer}.fpb__btn{--fpb-variant: var(--fp-primary);cursor:pointer;font-size:1rem;padding:.375rem .75rem;line-height:1.5;color:var(--fp-light);text-align:center;-webkit-user-select:none;user-select:none;border:1px solid var(--fpb-variant);background-color:var(--fpb-variant);border-radius:var(--fp-border-radius);transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s,opacity .15s}.fpb__btn:hover{opacity:.8}.fpb__btn-small{font-size:.75rem;padding:.1rem .5rem}.fpb__btn-pill{border-radius:9999px}button.fpb__btn-pill:hover{background-color:var(--fpb-variant)!important;border-color:var(--fpb-variant)!important}.fpb__btn-secondary{--fpb-variant: var(--fp-secondary)}.fpb__btn-link{color:var(--fpb-variant);background:none;border:none}.fpb__btn-link:after{content:"";width:0px;height:1px;display:block;background:currentColor;opacity:0;transition:width .2s,opacity .2s}.fpb__btn-link:hover{background:inherit!important}.fpb__btn-link:hover:after{width:100%;opacity:1}.fpb__hidden-input{position:absolute!important;clip:rect(0,0,0,0);pointer-events:none}.fpb__btn-toggle{white-space:nowrap;color:var(--fpb-variant);background-color:transparent}.fpb__btn-flip,.fpb__btn-toggle.fpb__active,input:checked+.fpb__btn-toggle{background-color:var(--fpb-variant);border-color:var(--fpb-variant);color:var(--fp-light)}.fpb__btn-flip>*{transition:transform .25s ease-in-out}input:checked+.fpb__btn-flip>*,.fpb__btn-flip.fpb__active>*{transform:scaleY(-1)}.fpb__btn:focus-visible,input:focus-visible+.fpb__btn-toggle{outline:0;opacity:.8;box-shadow:var(--fp-ring-shadow)}.fpb__btn:disabled,input:disabled+.fpb__btn-toggle{opacity:.5;cursor:not-allowed}.fpb__input-group{display:flex}.fpb__input-group>*:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.fpb__input-group>*:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.fpb__grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.fpb__span-2{grid-column:span 2}.fpb__grow{flex-grow:1}.fpb__hlist{display:flex;overflow-x:auto;gap:.5rem}.fpb__hidden{display:none!important}.fpb__has-icon,.fpb__has-icon *{vertical-align:middle}.fpb__has-icon svg{margin-right:.25rem}.fpb__primary{color:var(--fp-primary)}@media (max-width: 576px){.fpb__modal{height:calc(100vh - 1rem)}.fpb__grid-2{display:flex;flex-direction:column}}.font-picker{text-align:start;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}input.font-picker{caret-color:transparent}.fp__changed:after{content:"*";color:var(--fp-secondary)}#fp__fonts{display:flex;flex-direction:column;flex-grow:1;overflow-y:scroll;padding:.25rem;margin-top:-1px;border-block:1px solid var(--fp-border-color)}#fp__fonts:focus-visible{outline:0;box-shadow:var(--fp-ring-shadow);border-color:var(--fp-ring-color);transition:border-color .15s,box-shadow .15s}.fp__font-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 1rem;min-height:2rem;-webkit-user-select:none;user-select:none;border-radius:9999px}.fp__font-item:hover{background:var(--fp-border-color)}.fp__font-item.fp__selected{color:var(--fp-light);background:var(--fp-primary)}.fp__font-family{font-size:1rem;pointer-events:none}.fp__heart{height:1em}.fp__heart svg{height:1em;pointer-events:none;vertical-align:baseline;--fp-heart-color: var(--fp-border-color-rgb);fill:rgba(var(--fp-heart-color),.5);stroke:rgb(var(--fp-heart-color))}.fp__heart:hover svg{fill:rgb(var(--fp-heart-color))}.fp__font-item:hover .fp__heart svg,.fp__font-item.fp__selected .fp__heart svg{--fp-heart-color: var(--fp-body-bg-rgb)}.fp__font-item.fp__fav .fp__heart svg{--fp-heart-color: var(--fp-danger-rgb)}.fp__font-item.fp__fav.fp__selected .fp__heart svg{filter:drop-shadow(0px 0px 2px var(--fp-dark))}.fp__preview-container{padding:.25rem}#fp__preview{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;font-size:1.25rem;line-height:1.5;padding-inline:.75rem;border:1px solid transparent;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}#fp__preview:focus{outline:0;border-color:var(--fp-ring-color);box-shadow:var(--fp-ring-shadow)}#fp__variants{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-top:1px solid var(--fp-border-color)}#fp__variants:has(#fp__italic:checked){font-style:italic!important}#fp__variants:empty{display:none}