.popover{position:fixed;display:none;min-width:200px;max-width:280px;padding:12px;background:#fff;border:1px solid #ebebeb;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);font-family:system-ui,-apple-system,sans-serif;font-size:14px;color:#333;z-index:1000}.popover[hidden]{display:none !important}.popover__arrow{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-top:8px solid #ebebeb}.popover__arrow::after{content:"";position:absolute;bottom:1px;left:-8px;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-top:8px solid #fff}.popover__body{position:relative;z-index:1}.popover__title{margin:0 0 8px;font-size:15px;font-weight:600;color:#1a1a1a}.popover__content{margin:0;line-height:1.4}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.5;color:#333;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);min-height:100vh;padding:20px}.page__main{width:100%;max-width:800px;margin:0 auto;background:#fff;border-radius:12px;padding:32px;box-shadow:0 10px 40px rgba(0,0,0,.2)}.page__header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #eee}.page__title{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:8px}.page__subtitle{font-size:16px;color:#666}.demo{margin-bottom:40px}.demo__title{font-size:20px;margin-bottom:20px;color:#2d3436}.demo__controls{display:flex;flex-wrap:wrap;gap:12px}.btn{padding:12px 24px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#667eea;color:#fff}.btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn:active{transform:translateY(0)}.btn--secondary{background:#764ba2}.btn--secondary:hover{background:#663d91;box-shadow:0 4px 12px rgba(118,75,162,.4)}.btn--outline{background:rgba(0,0,0,0);border:2px solid #667eea;color:#667eea}.btn--outline:hover{background:#667eea;color:#fff}.info{background:#f8f9fa;padding:24px;border-radius:8px;margin-bottom:24px}.info__title{font-size:18px;margin-bottom:16px;color:#2d3436}.info__list{list-style:none}.info__item{padding:8px 0;font-size:14px;color:#555}.page__footer{margin-top:40px;padding-top:24px;border-top:1px solid #eee;text-align:center;color:#999}

/*# sourceMappingURL=styles.6f52a3ab1a6da3868c63.css.map*/