.seo-bundle{--col-alert-bg: #ffd0d0;--col-alert-bg-light: #ffd0d026;--col-alert-text: #721c24;--col-warning-bg: #ffc6ae;--col-warning-bg-light: #ffc6ae;--col-warning-text: #884500;--col-info-bg: #fff3cd;--col-info-bg-light: #fff3cd26;--col-info-text: #856404;--col-success-bg: #d4edda;--col-success-text: #155724;--col-dot-success: #199340;--col-dot-info: #fadc16;--col-dot-warning: #ea7027;--col-dot-alert: #8f1919}.seo-bundle *{box-sizing:border-box}.seo-bundle h1{font-size:34px;font-weight:700}.seo-bundle h2{margin-bottom:20px;font-size:26px;font-weight:500}.seo-bundle h3{margin-top:18px;margin-bottom:10px;font-size:22px;font-weight:500}.seo-bundle section h2{margin-bottom:15px}.seo-bundle section h2.with-chart{display:flex;align-items:center;gap:10px}.seo-bundle section:first-child{margin-top:20px;margin-left:20px}.seo-bundle section:not(:first-child){padding:30px 20px}.seo-bundle section:not(:first-child):nth-child(odd){background-color:rgba(200,200,200,.1)}.seo-bundle .column{display:flex;align-items:flex-start;flex-wrap:wrap;gap:40px}.seo-bundle .column .block{margin:0}.seo-bundle .block{position:relative;width:fit-content;margin-top:20px;margin-bottom:20px;padding:20px;border:1px solid #ddd;border-radius:26px;overflow:hidden}.seo-bundle .block.wide{flex-basis:100%;padding:0;border:none;border-radius:unset}.seo-bundle .block[class*=score-] h3{margin-left:5px}.seo-bundle .block h3{display:flex;align-items:center;gap:10px;margin-top:0}.seo-bundle .block .dot{position:absolute;top:-18px;left:-11px;display:inline-block;width:40px;height:40px;border-radius:50%}.seo-bundle .block.score-alert{background-color:var(--col-alert-bg-light)}.seo-bundle .block.score-info{background-color:var(--col-info-bg-light)}.seo-bundle .block.score-alert .dot{background-color:var(--col-dot-alert)}.seo-bundle .block.score-warning .dot{background-color:var(--col-dot-warning)}.seo-bundle .block.score-info .dot{background-color:var(--col-dot-info)}.seo-bundle .block.score-success .dot{background-color:var(--col-dot-success)}.seo-bundle .block .information{display:flex;align-items:center;gap:10px;padding:10px 0;border-radius:10px}.seo-bundle .block .information:not(:last-child){margin-bottom:20px}.seo-bundle .block .information p{margin:0}.seo-bundle .block .information svg{position:relative;top:-2px;flex-shrink:0;width:60px;height:60px;padding:10px;color:#8a8a8a;background-color:#eee;border-radius:10px}.seo-bundle section.page{display:flex;align-items:center;gap:20px;width:fit-content;padding:20px 30px;border-radius:10px;background-color:#eee}.seo-bundle section.page svg{flex-shrink:0;width:60px;height:60px}.seo-bundle section.page .url{font-style:italic}.seo-bundle section.page .keyword{margin-top:10px}.seo-bundle section.metas .block,.seo-bundle section.headlines .block{width:calc(50% - 20px)}.seo-bundle section.headlines .headline{display:flex;align-items:center;gap:5px;margin:0;padding:5px 0;border-left:2px solid #ddd}.seo-bundle section.headlines .headline::before{content:"";display:block;width:15px;height:2px;background-color:#ddd}.seo-bundle section.headlines .level_2::before{width:30px}.seo-bundle section.headlines .level_3::before{width:45px}.seo-bundle section.headlines .level_4::before{width:60px}.seo-bundle section.headlines .level_5::before{width:75px}.seo-bundle section.headlines .level_6::before{width:100px}.seo-bundle section.headlines table .count{width:100%}.seo-bundle section.headlines table .count div{height:12px;background-color:#48c9f6;border-radius:12px}.seo-bundle section.links .block{width:calc(33.33% - 30px)}.seo-bundle section.images .block{width:calc(50% - 30px)}.seo-bundle .chart{width:42px;height:42px}@keyframes progress{0%{stroke-dasharray:0 100}}.seo-bundle .chart .circular-chart{display:block}.seo-bundle .chart .circular-chart.alert .circle{stroke:var(--col-dot-alert)}.seo-bundle .chart .circular-chart.warning .circle{stroke:var(--col-dot-warning)}.seo-bundle .chart .circular-chart.info .circle{stroke:var(--col-dot-info)}.seo-bundle .chart .circular-chart.success .circle{stroke:var(--col-dot-success)}.seo-bundle .chart .circle-bg{fill:none;stroke:#eee;stroke-width:5}.seo-bundle .chart .circle{fill:none;stroke-width:4;stroke-linecap:round;animation:progress 1s ease-out forwards}.seo-bundle .chart .percentage{fill:#666;font-size:11px;text-anchor:middle}.seo-bundle .chart .percentage .percent-icon{font-size:8px}.seo-bundle table{margin-top:var(--double-gap)}.seo-bundle table tbody tr:nth-child(even){background-color:#eee}.seo-bundle table tr td{min-width:100px;padding:5px 10px}.seo-bundle p{margin-bottom:4px;font-size:15px}.seo-bundle .score{display:flex;align-items:center;gap:10px;font-weight:600}.seo-bundle .messages{margin-top:10px}.seo-bundle .score-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.seo-bundle p[class*=message-]{display:flex;align-items:center;gap:12px;width:fit-content;margin-bottom:0;padding:12px 16px;border-radius:6px}.seo-bundle p[class*=message-] svg{flex-shrink:0;width:22px;height:22px}.seo-bundle p[class*=message-]:not(:last-of-type){margin-bottom:6px}.seo-bundle p[class*=message-].message-success{color:var(--col-success-text);background-color:var(--col-success-bg)}.seo-bundle p[class*=message-].message-info{color:var(--col-info-text);background-color:var(--col-info-bg)}.seo-bundle p[class*=message-].message-warning{color:var(--col-warning-text);background-color:var(--col-warning-bg)}.seo-bundle p[class*=message-].message-alert{color:var(--col-alert-text);background-color:var(--col-alert-bg)}.seo-bundle .resume{display:flex;flex-direction:column;gap:10px}.seo-bundle .resume button{border:none;outline:none;background-color:rgba(0,0,0,0)}.seo-bundle .resume li{display:grid;align-items:center;grid-template-columns:42px 1fr 1fr 36px;gap:20px;font-size:16px;transition:opacity .2s ease-in-out}.seo-bundle .resume li.unanalyzed{grid-template-columns:1fr 48px}.seo-bundle .resume .name{display:flex;align-items:center;gap:5px;font-size:18px;font-weight:700}.seo-bundle .resume .name svg{width:18px;height:18px;transition:transform .2s ease-in-out}.seo-bundle .resume .name:hover svg{transform:translateX(4px)}.seo-bundle .resume .date p{font-size:14px;opacity:.8}.seo-bundle .resume li.loading{opacity:.7;pointer-events:none}.seo-bundle .resume li.loading .btn-update svg.update,.seo-bundle .resume li.loading .btn-update svg.start,.seo-bundle .resume li.loading .btn-start svg.update,.seo-bundle .resume li.loading .btn-start svg.start{display:none}.seo-bundle .resume li.loading .btn-update svg.loader,.seo-bundle .resume li.loading .btn-start svg.loader{display:block}.seo-bundle .resume .btn-update,.seo-bundle .resume .btn-start{margin-left:auto;cursor:pointer}.seo-bundle .resume .btn-update svg,.seo-bundle .resume .btn-start svg{width:36px;height:36px}.seo-bundle .resume .btn-update svg.loader,.seo-bundle .resume .btn-start svg.loader{display:none}.seo-bundle .resume .btn-update svg{transition:transform .8s ease-out}.seo-bundle .resume .btn-update:hover svg{transform:rotate(760deg)}.seo-bundle .resume .btn-start svg{transition:transform .4s ease-out}.seo-bundle .resume .btn-start:hover svg{transform:translateX(4px)}.seo-bundle .no-alt-images{display:flex;flex-wrap:wrap;list-style:none;margin:10px 0;padding:0}.seo-bundle .no-alt-images li{position:relative;width:fit-content;height:80px;overflow:hidden}.seo-bundle .no-alt-images li:hover .no-alt-image-overlay{transform:translateY(0)}.seo-bundle .no-alt-images li a img{width:auto;height:80px;object-fit:contain}.seo-bundle .no-alt-images li .no-alt-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);transform:translateY(100%);transition:transform .2s ease-in-out;pointer-events:none}
