/*! © 2026 webseo.one (Marsel Perdoci, Kassel). Projekt shembull nga faqe-interneti.al. Të gjitha të drejtat e rezervuara. Ndalohet kopjimi ose ripërdorimi i dizajnit dhe i kodit pa leje me shkrim. / All rights reserved. Copying or reusing the design or code without written permission is not permitted. */
.fi-demo{--fi-demo-bottom:calc(16px + env(safe-area-inset-bottom, 0px));position:fixed;left:max(16px,env(safe-area-inset-left,0));bottom:var(--fi-demo-bottom);z-index:70;width:max-content;max-width:calc(100vw - 32px);margin:0;color:#fff;font:500 14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:0;text-align:left;text-transform:none}.fi-demo *,.fi-demo ::before,.fi-demo ::after{box-sizing:border-box}.fi-demo__tab{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px 0 13px;background:#07110f;color:#fff;font:inherit;font-weight:650;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;clip-path:polygon(0 0,100%0,100% calc(100% - 10px),calc(100% - 5.8px) 100%,0 100%)}.fi-demo__tab::-webkit-details-marker{display:none}.fi-demo__tab::marker{content:""}.fi-demo__hex{flex:none;width:16px;aspect-ratio:2/1.732;background:#22e6bd;clip-path:polygon(25%0,75%0,100% 50%,75% 100%,25% 100%,0 50%)}.fi-demo__tab:focus-visible{outline:3px solid #22e6bd;outline-offset:3px;clip-path:none}.fi-demo__panel{position:absolute;left:0;bottom:calc(100% + 8px);width:min(360px,calc(100vw - 32px));max-height:calc(100vh - var(--fi-demo-bottom) - 60px);max-height:calc(100dvh - var(--fi-demo-bottom) - 60px);overflow-y:auto;overscroll-behavior-y:contain;padding:20px 20px 18px;border-top:3px solid #22e6bd;background:#07110f;color:rgba(255,255,255,.86);clip-path:polygon(0 0,100%0,100% calc(100% - 14px),calc(100% - 8px) 100%,0 100%)}.fi-demo__panel:focus{outline:0}.fi-demo__title{margin:0 0 8px;color:#fff;font-size:16px;font-weight:700;line-height:1.3}.fi-demo__text{margin:0 0 12px}.fi-demo__note{margin:0 0 12px;padding:10px 12px;border-left:3px solid #22e6bd;background:rgba(34,230,189,.12);color:#fff}.fi-demo__note[hidden]{display:none}.fi-demo__actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:4px 0 12px}.fi-demo__btn{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;background:#22e6bd;color:#07110f;font-weight:700;text-decoration:none;clip-path:polygon(0 0,100%0,100% calc(100% - 10px),calc(100% - 5.8px) 100%,0 100%)}.fi-demo__btn:hover{background:#fff;color:#07110f}.fi-demo__btn:focus-visible{outline:3px solid #fff;outline-offset:3px;clip-path:none}.fi-demo__link{display:inline-flex;align-items:center;min-height:44px;color:#22e6bd;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.fi-demo__link:hover{color:#fff}.fi-demo__link:focus-visible{outline:3px solid #22e6bd;outline-offset:2px}.fi-demo__copy{margin:0;color:rgba(255,255,255,.62);font-size:12px;line-height:1.45}.fi-demo__back{margin:0 0 12px}@media (prefers-reduced-motion:no-preference){.fi-demo[open] .fi-demo__panel{animation:fi-demo-in 200ms ease-out}}@keyframes fi-demo-in{0%{opacity:0;translate:0 6px}}@media print{.fi-demo{display:none}}.fi-s1.fi-s1{stroke:var(--logo-ink, currentColor);stroke-width:var(--logo-sw, 6)}.fi-s2.fi-s2{stroke:var(--logo-arc, #C73B60)}.fi-s3.fi-s3{--shade:#D5BB8C}.fi-s4.fi-s4{--shade:#DCC69F}.fi-s5.fi-s5{--shade:#E4D3B4}.fi-s6.fi-s6{--shade:#ECE0C8}.fi-s7.fi-s7{--shade:#F2EADB}.fi-s8.fi-s8{--shade:#F8F5EE}.fi-s9.fi-s9{--pos:50%}@media (max-width:767px){.fi-demo{--fi-demo-bottom:calc(84px + env(safe-area-inset-bottom, 0px))}}