| @@ -1,6 +1,5 @@ | ||
| 1 | -@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap); | |
| 2 | -@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.thinkrank-seo-score-calculator .calculator-header{margin-bottom:20px;background:#f9f9f9;border-radius:8px;padding:10px 20px}.thinkrank-seo-score-calculator .calculator-header .header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.thinkrank-seo-score-calculator .calculator-header .header-content h3{margin:0;font-size:18px;font-weight:600}.thinkrank-seo-score-calculator .calculator-header .last-calculated{font-size:12px;color:#666;font-style:italic}.thinkrank-seo-score-calculator .calculating-state{text-align:center;padding:40px 20px}.thinkrank-seo-score-calculator .calculating-state .components-spinner{margin-bottom:15px}.thinkrank-seo-score-calculator .calculating-state p{color:#666;margin:0}.thinkrank-seo-score-calculator .empty-state{text-align:center;padding:60px 20px}.thinkrank-seo-score-calculator .empty-state .empty-state-content{max-width:400px;margin:0 auto}.thinkrank-seo-score-calculator .empty-state .empty-state-content .empty-state-icon{font-size:48px;margin-bottom:20px}.thinkrank-seo-score-calculator .empty-state .empty-state-content h4{margin:0 0 10px 0;font-size:18px;color:#1e1e1e}.thinkrank-seo-score-calculator .empty-state .empty-state-content p{color:#666;line-height:1.5;margin:0}.thinkrank-score-breakdown .score-overview-card{margin-bottom:20px}.thinkrank-score-breakdown .score-overview-card .overall-score-display{display:flex;align-items:center;gap:20px}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-circle{width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:bold;position:relative}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-circle.score-excellent{background:linear-gradient(135deg, #10b981, #059669);color:#fff}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-circle.score-good{background:linear-gradient(135deg, #4451FF, #4451FF);color:#fff}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-circle.score-fair{background:linear-gradient(135deg, #B54708, #B54708);color:#fff}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-circle.score-poor{background:linear-gradient(135deg, #921C13, #921C13);color:#fff}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-circle .score-number{font-size:24px;line-height:1}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-circle .score-grade{font-size:12px;opacity:.9}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-info{flex:1}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-info .score-description{font-size:16px;font-weight:500;margin:0 0 5px 0;color:#1e1e1e}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-info .score-timestamp{font-size:12px;color:#666;margin:0}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;overflow:hidden}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header{padding:16px;cursor:pointer;transition:background-color .2s}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header:hover{background-color:#f9fafb}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .components-flex{width:100%;align-items:center}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .components-flex .components-flex-item:first-child{flex:1}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .components-flex .components-flex-item.factor-score-container{flex:0 0 auto;min-width:80px;text-align:right}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .components-flex .components-flex-item:last-child{flex:0 0 auto;margin-left:8px}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-info{display:flex;align-items:center;gap:12px;flex:1}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-info .factor-icon{font-size:20px}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-info .factor-text .factor-label{display:block;font-weight:500;color:#1e1e1e;margin-bottom:2px}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-info .factor-text .factor-description{display:block;font-size:12px;color:#666}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score{text-align:right}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-value{display:block;font-weight:600;margin-bottom:4px;color:#1e1e1e}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-bar{width:100px;height:6px;background-color:#e5e7eb;border-radius:3px;overflow:hidden}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-bar .score-bar-fill{height:100%;transition:width .3s ease}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-bar .score-bar-fill.score-excellent{background-color:#10b981}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-bar .score-bar-fill.score-good{background-color:#4451ff}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-bar .score-bar-fill.score-fair{background-color:#b54708}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-bar .score-bar-fill.score-poor{background-color:#921c13}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details{padding:16px;background-color:#f9fafb;border-top:1px solid #e5e7eb}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-suggestions{margin-bottom:16px}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-suggestions h5{margin:0 0 8px 0;font-size:14px;font-weight:600;color:#1e1e1e}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-suggestions ul{margin:0;padding-left:20px}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-suggestions ul li{margin-bottom:4px;color:#374151;font-size:14px}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-technical-details{margin-top:16px;padding:12px;background:#f8f9fa;border-radius:4px;border-left:3px solid #007cba}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-technical-details h5{margin:0 0 8px 0;font-size:13px;font-weight:600;color:#1e1e1e}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-technical-details .details-list .detail-item{display:flex;align-items:center;padding:6px 0;font-size:13px;color:#374151}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-technical-details .details-list .detail-item:before{content:"";width:4px;height:4px;background:#007cba;border-radius:50%;margin-right:8px;flex-shrink:0}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-technical-details .details-list .detail-item:not(:last-child){margin-bottom:2px}.improvement-suggestions-card{margin-bottom:20px}.improvement-suggestions-card .suggestions-header{display:flex;align-items:center;gap:8px}.improvement-suggestions-card .suggestions-header .suggestions-icon{font-size:20px}.improvement-suggestions-card .suggestions-header h4{margin:0;font-size:16px;font-weight:600}.improvement-suggestions-card .suggestions-count{font-size:12px;color:#666;background-color:#f3f4f6;padding:4px 8px;border-radius:12px}.improvement-suggestions-card .no-suggestions{text-align:center;padding:40px 20px}.improvement-suggestions-card .no-suggestions .success-icon{font-size:48px;margin-bottom:16px}.improvement-suggestions-card .no-suggestions h4{margin:0 0 8px 0;color:#10b981;font-size:18px}.improvement-suggestions-card .no-suggestions p{color:#666;margin:0}.improvement-suggestions-card .suggestions-list .priority-group{margin-bottom:24px}.improvement-suggestions-card .suggestions-list .priority-group .priority-header{display:flex;align-items:center;gap:8px;margin:0 0 12px 0;font-size:14px;font-weight:600}.improvement-suggestions-card .suggestions-list .priority-group .priority-header .priority-icon{font-size:12px}.improvement-suggestions-card .suggestions-list .priority-group .priority-header .priority-count{font-size:12px;color:#666;font-weight:normal}.improvement-suggestions-card .suggestions-list .priority-group.priority-high .priority-header{color:#921c13}.improvement-suggestions-card .suggestions-list .priority-group.priority-medium .priority-header{color:#b54708}.improvement-suggestions-card .suggestions-list .priority-group.priority-low .priority-header{color:#059669}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item.priority-high{border-left:4px solid #921c13}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item.priority-medium{border-left:4px solid #b54708}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item.priority-low{border-left:4px solid #059669}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content{padding:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text{flex:1;display:flex;flex-direction:column;gap:8px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .category-badge{display:inline-block;background-color:#f3f4f6;color:#374151;font-size:10px;font-weight:500;text-transform:uppercase;padding:2px 6px;border-radius:3px;align-self:flex-start}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .suggestion-message{font-size:14px;line-height:1.5;color:#374151}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .priority-badge{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;padding:3px 8px;align-self:flex-start;border-radius:4px;margin-right:8px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .priority-badge.priority-high{background-color:#fef2f2;color:#921c13;border:1px solid #fecaca}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .priority-badge.priority-medium{background-color:#fffbeb;color:#b54708;border:1px solid #fed7aa}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .priority-badge.priority-low{background-color:#f0fdf4;color:#059669;border:1px solid #bbf7d0}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-actions{display:flex;gap:8px;flex-shrink:0}.improvement-suggestions-card .dismissed-suggestions-notice{margin-top:16px}@media(max-width: 768px){.thinkrank-score-breakdown .score-overview-card .overall-score-display{flex-direction:column;text-align:center;gap:16px}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score{min-width:auto}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-bar{width:80px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content{flex-direction:column;gap:12px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-actions{align-self:flex-end}.seo-score-summary-card .analysis-section.score-section{flex-direction:column;text-align:center;gap:20px}.seo-score-summary-card .analysis-section.score-section .score-circle{width:100px;height:100px}.seo-score-summary-card .analysis-section.score-section .score-circle .score-number{font-size:28px}.seo-score-summary-card .analysis-section.score-section .score-circle .score-grade{font-size:16px}.seo-score-summary-card .analysis-section.score-section .score-breakdown{width:100%}.seo-score-summary-card .analysis-section.score-section .score-breakdown .score-item{flex-direction:column;text-align:center;gap:8px}.seo-score-summary-card .analysis-section.score-section .score-breakdown .score-item .score-label{font-size:13px}.seo-score-summary-card .analysis-section.score-section .score-breakdown .score-item .score-value{font-size:13px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid{grid-template-columns:1fr;gap:12px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid .analysis-item{flex-direction:column;text-align:center;gap:6px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid .analysis-item .analysis-label{font-size:12px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid .analysis-item .analysis-value{font-size:12px}}@media(max-width: 480px){.seo-score-summary-card .analysis-section.score-section{padding:16px}.seo-score-summary-card .analysis-section.score-section .score-circle{width:80px;height:80px}.seo-score-summary-card .analysis-section.score-section .score-circle .score-number{font-size:24px}.seo-score-summary-card .analysis-section.score-section .score-circle .score-grade{font-size:14px}.seo-score-summary-card .analysis-section.score-section .score-circle .score-label{font-size:10px}.seo-score-summary-card .analysis-section.content-analysis{padding:16px}.seo-score-summary-card .analysis-section.content-analysis h4{font-size:14px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .suggestion-message{font-size:13px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .priority-badge{font-size:9px;padding:2px 6px}}.seo-score-summary-card{margin-bottom:20px}.seo-score-summary-card .analysis-section.score-section{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);border-radius:12px;border:1px solid #e2e8f0}.seo-score-summary-card .analysis-section.score-section .score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;border:4px solid;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);flex-shrink:0}.seo-score-summary-card .analysis-section.score-section .score-circle .score-number{font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.seo-score-summary-card .analysis-section.score-section .score-circle .score-grade{font-size:18px;font-weight:600;line-height:1;margin-bottom:4px}.seo-score-summary-card .analysis-section.score-section .score-circle .score-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.seo-score-summary-card .analysis-section.score-section .score-circle.score-high{border-color:#10b981;color:#10b981;background:linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%)}.seo-score-summary-card .analysis-section.score-section .score-circle.score-medium{border-color:#b54708;color:#b54708;background:linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%)}.seo-score-summary-card .analysis-section.score-section .score-circle.score-low{border-color:#921c13;color:#921c13;background:linear-gradient(135deg, #fef2f2 0%, #fecaca 100%)}.seo-score-summary-card .analysis-section.score-section .score-breakdown{flex:1;display:grid;grid-template-columns:1fr;gap:16px}.seo-score-summary-card .analysis-section.score-section .score-breakdown .score-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05)}.seo-score-summary-card .analysis-section.score-section .score-breakdown .score-item .score-label{font-weight:600;color:#374151;font-size:14px}.seo-score-summary-card .analysis-section.score-section .score-breakdown .score-item .score-value{font-weight:500;color:#1f2937;font-size:14px;padding:4px 8px;background:#f9fafb;border-radius:4px;border:1px solid #e5e7eb}.seo-score-summary-card .analysis-section.content-analysis{padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.seo-score-summary-card .analysis-section.content-analysis h4{margin:0 0 16px 0;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.seo-score-summary-card .analysis-section.content-analysis h4:before{content:"📊";font-size:18px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:16px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid .analysis-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid .analysis-item .analysis-label{font-weight:500;color:#6b7280;font-size:13px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid .analysis-item .analysis-value{font-weight:600;color:#1f2937;font-size:13px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid .analysis-item .analysis-note{display:block;font-size:11px;color:#666;margin-top:2px;font-style:italic}.thinkrank-seo-results-tabs{margin-top:20px}.thinkrank-seo-results-tabs .components-tab-panel__tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px}.thinkrank-seo-results-tabs .components-tab-panel__tabs .components-button{border:none;border-bottom:2px solid rgba(0,0,0,0);border-radius:0;padding:12px 20px;font-weight:500;color:#666;background:none;transition:all .2s ease}.thinkrank-seo-results-tabs .components-tab-panel__tabs .components-button:hover{color:#0073aa;background-color:#f8f9fa}.thinkrank-seo-results-tabs .components-tab-panel__tabs .components-button.is-active{color:#0073aa;border-bottom-color:#0073aa;background-color:#fff}.thinkrank-seo-results-tabs .components-tab-panel__tabs .components-button .tab-title-with-badge{display:flex;align-items:center;gap:6px}.thinkrank-seo-results-tabs .components-tab-panel__tabs .components-button .tab-title-with-badge .suggestion-count-badge{background-color:#dc3545;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.2}.thinkrank-seo-results-tabs .tab-content{min-height:300px}.thinkrank-seo-results-tabs .tab-content .no-suggestions-message{text-align:center;padding:60px 20px}.thinkrank-seo-results-tabs .tab-content .no-suggestions-message .success-icon{font-size:48px;margin-bottom:16px}.thinkrank-seo-results-tabs .tab-content .no-suggestions-message h4{margin:0 0 8px 0;color:#10b981;font-size:18px}.thinkrank-seo-results-tabs .tab-content .no-suggestions-message p{color:#666;margin:0;font-size:14px}.thinkrank-suggestion-modal .modal-content{margin-bottom:20px}.thinkrank-suggestion-modal .modal-content .suggestion-quote{background-color:#f8f9fa;border-left:4px solid #0073aa;padding:12px 16px;margin:12px 0;font-style:italic;color:#1e1e1e}.thinkrank-suggestion-modal .modal-content .guidance-section{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;padding:12px;margin:12px 0}.thinkrank-suggestion-modal .modal-content .guidance-section p{margin:0;color:#0073aa;font-weight:500}.thinkrank-suggestion-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #ddd}.serp-preview-controls{margin-bottom:20px}.serp-preview-controls .preview-label{display:block;font-weight:600;margin-bottom:8px;color:var(--thinkrank-text-primary)}.serp-preview-controls .preview-toggle{display:flex;gap:16px}.serp-preview-controls .preview-toggle .toggle-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--thinkrank-text-secondary);transition:color .2s ease}.serp-preview-controls .preview-toggle .toggle-option.active{color:var(--thinkrank-primary);font-weight:500}.serp-preview-controls .preview-toggle .toggle-option input[type=radio]{display:none}.serp-preview-controls .preview-toggle .toggle-option .radio-icon{width:16px;height:16px;border:2px solid var(--thinkrank-border);border-radius:50%;position:relative;transition:all .2s ease}.serp-preview-controls .preview-toggle .toggle-option .radio-icon::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:8px;height:8px;border-radius:50%;background:var(--thinkrank-primary);opacity:0;transition:opacity .2s ease}.serp-preview-controls .preview-toggle .toggle-option.active .radio-icon{border-color:var(--thinkrank-primary)}.serp-preview-controls .preview-toggle .toggle-option.active .radio-icon::after{opacity:1}.serp-result-container{background:#f8f9fa;border:1px solid var(--thinkrank-border-light);border-radius:8px;padding:20px}.serp-result-container.mobile{max-width:375px;margin:0 auto}.serp-result-container.desktop{max-width:600px}.serp-result{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.serp-result .serp-site-info{display:flex;align-items:center;margin-bottom:8px;font-size:14px;color:#5f6368}.serp-result .serp-site-info .site-favicon{margin-right:8px}.serp-result .serp-site-info .site-favicon .favicon-image{width:16px;height:16px;background:#f1f3f4;border-radius:2px;position:relative}.serp-result .serp-site-info .site-favicon .favicon-image::after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#fff;border-radius:1px}.serp-result .serp-site-info .site-details{display:flex;align-items:center;flex:1}.serp-result .serp-site-info .site-details .site-name{font-weight:500}.serp-result .serp-site-info .site-details .breadcrumb-arrow{margin:0 4px;color:#9aa0a6}.serp-result .serp-site-info .site-details .page-path{color:#9aa0a6}.serp-result .serp-site-info .serp-menu{color:#9aa0a6;cursor:pointer;padding:4px;border-radius:4px}.serp-result .serp-site-info .serp-menu:hover{background:#f1f3f4}.serp-result .serp-title{font-size:20px;line-height:1.3;color:#1a0dab;margin-bottom:4px;cursor:pointer;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.serp-result .serp-title:hover{text-decoration:underline}.serp-result .serp-content{display:flex;align-items:flex-start;gap:12px}.serp-result .serp-content.serp-content-with-image .serp-meta{flex:1}.serp-result .serp-meta{font-size:14px;line-height:1.4;color:#4d5156}.serp-result .serp-meta .serp-date{color:#5f6368}.serp-result .serp-meta .serp-separator{color:#9aa0a6}.serp-result .serp-meta .serp-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.serp-result .serp-featured-image{flex-shrink:0}.serp-result .serp-featured-image .featured-image{width:80px;height:80px;object-fit:cover;border-radius:8px}.serp-result .serp-featured-image .image-placeholder{width:80px;height:80px;background:#f8f9fa;border:1px dashed #dadce0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa0a6}.serp-result .serp-featured-image .image-placeholder .image-icon{font-size:16px}.serp-result-container.mobile .serp-result .serp-title{font-size:18px}.serp-result-container.mobile .serp-result .serp-meta{font-size:13px}.serp-result-container.mobile .serp-result .serp-featured-image .featured-image{width:72px;height:72px}.serp-result-container.mobile .serp-result .serp-featured-image .image-placeholder{width:72px;height:72px}.serp-result-container.mobile .serp-result .serp-featured-image .image-placeholder .image-icon{font-size:14px}.serp-result-container.desktop .serp-result .serp-content{display:block}.serp-result-container.desktop .serp-result .serp-featured-image{display:none}@media(max-width: 768px){.serp-preview-controls .preview-toggle{flex-direction:column;gap:12px}.serp-result-container.desktop{max-width:100%}}.thinkrank-metabox-tabs{margin:16px 0}.thinkrank-metabox-tabs .components-tab-panel__tabs{display:flex;border-bottom:1px solid #ddd;margin:0 0 20px 0;padding:0;background:#f9f9f9;border-radius:4px 4px 0 0}.thinkrank-metabox-tabs .components-tab-panel__tabs-item{background:rgba(0,0,0,0);border:none;border-bottom:2px solid rgba(0,0,0,0);color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;text-decoration:none;transition:all .2s ease}.thinkrank-metabox-tabs .components-tab-panel__tabs-item:hover{background:#fff;color:#0073aa}.thinkrank-metabox-tabs .components-tab-panel__tabs-item.is-active{background:#fff;border-bottom-color:#0073aa;color:#0073aa;font-weight:600}.thinkrank-metabox-tabs .components-tab-panel__tabs-item:focus{box-shadow:0 0 0 1px #0073aa;outline:none}.thinkrank-metabox-tabs .components-tab-panel__tab-content{padding:0}.thinkrank-metabox-tabs .components-tab-panel__tab-content .thinkrank-metabox-seo-tab,.thinkrank-metabox-tabs .components-tab-panel__tab-content .thinkrank-metabox-schema-tab,.thinkrank-metabox-tabs .components-tab-panel__tab-content .thinkrank-metabox-social-tab{min-height:200px}.thinkrank-metabox-seo-tab .thinkrank-card{margin-bottom:20px}.thinkrank-metabox-seo-tab .thinkrank-card:last-child{margin-bottom:0}.thinkrank-metabox-seo-tab .thinkrank-ai-controls{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-controls-row{display:flex;gap:20px;margin-bottom:16px}@media(max-width: 782px){.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-controls-row{flex-direction:column;gap:12px}}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-control-group{flex:1}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-control-group label{display:block;font-weight:600;margin-bottom:4px;color:#333}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-control-group select{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:3px;font-size:14px}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-control-group select:focus{border-color:#0073aa;box-shadow:0 0 0 1px #0073aa;outline:none}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-buttons{display:flex;gap:12px}@media(max-width: 782px){.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-buttons{flex-direction:column}}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-buttons .button{display:flex;align-items:center;gap:6px}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-buttons .button .dashicons{font-size:16px;width:16px;height:16px}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-buttons .button .dashicons.spin{animation:spin 1s linear infinite}.thinkrank-metabox-schema-tab .thinkrank-card{margin-bottom:20px}.thinkrank-metabox-schema-tab .thinkrank-card:last-child{margin-bottom:0}.thinkrank-metabox-schema-tab .thinkrank-field{margin-bottom:16px}.thinkrank-metabox-schema-tab .thinkrank-field label{display:block;font-weight:600;margin-bottom:4px;color:#333}.thinkrank-metabox-schema-tab .thinkrank-field select{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:3px;font-size:14px}.thinkrank-metabox-schema-tab .thinkrank-field select:focus{border-color:#0073aa;box-shadow:0 0 0 1px #0073aa;outline:none}.thinkrank-metabox-schema-tab .thinkrank-field .description{margin-top:4px;color:#666;font-size:13px}.thinkrank-metabox-schema-tab .schema-actions{margin-top:16px;display:flex;gap:12px}.thinkrank-metabox-schema-tab .schema-actions .button{display:flex;align-items:center;gap:6px}.thinkrank-metabox-schema-tab .schema-actions .button .dashicons{font-size:16px;width:16px;height:16px}.thinkrank-metabox-schema-tab .schema-actions .button .dashicons.spin{animation:spin 1s linear infinite}.thinkrank-metabox-schema-tab .schema-status-notice{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;margin-bottom:16px;background:#e8f2fd}.thinkrank-metabox-schema-tab .schema-status-notice .dashicons{color:#12467b;margin-top:2px}.thinkrank-metabox-schema-tab .schema-status-notice p{font-size:14px;margin:0;color:#12467b}.thinkrank-metabox-schema-tab .schema-status-notice.success,.thinkrank-metabox-schema-tab .schema-status-notice.deployed{background:#ecfdf3}.thinkrank-metabox-schema-tab .schema-status-notice.success .dashicons,.thinkrank-metabox-schema-tab .schema-status-notice.deployed .dashicons{color:#027a48}.thinkrank-metabox-schema-tab .schema-status-notice.success p,.thinkrank-metabox-schema-tab .schema-status-notice.deployed p{color:#027a48}.thinkrank-metabox-schema-tab .schema-status-notice.warning{background:#fffaeb}.thinkrank-metabox-schema-tab .schema-status-notice.warning .dashicons{color:#b54708}.thinkrank-metabox-schema-tab .schema-status-notice.warning p{color:#b54708}.thinkrank-metabox-schema-tab .schema-types-generated{margin-bottom:20px}.thinkrank-metabox-schema-tab .schema-types-generated h5{margin:0 0 8px 0;font-size:14px;font-weight:600}.thinkrank-metabox-schema-tab .schema-types-generated .schema-type-badges{display:flex;gap:8px;flex-wrap:wrap}.thinkrank-metabox-schema-tab .schema-types-generated .schema-type-badge{background:#0073aa;color:#fff;padding:4px 8px;border-radius:3px;font-size:12px;font-weight:500}.thinkrank-metabox-schema-tab .schema-code-preview{margin-bottom:20px}.thinkrank-metabox-schema-tab .schema-code-preview h5{margin:0 0 12px 0;font-size:14px;font-weight:600}.thinkrank-metabox-schema-tab .schema-code-preview .schema-code-block{margin-bottom:16px}.thinkrank-metabox-schema-tab .schema-code-preview .schema-code-block h6{margin:0 0 8px 0;font-size:13px;font-weight:600;color:#666}.thinkrank-metabox-schema-tab .schema-code-preview .schema-json-preview{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:12px;font-size:12px;font-family:"Monaco","Menlo","Ubuntu Mono",monospace;overflow:auto;max-height:300px;white-space:pre-wrap;word-wrap:break-word}.thinkrank-metabox-schema-tab .schema-data-source h5{margin:0 0 8px 0;font-size:14px;font-weight:600}.thinkrank-metabox-schema-tab .schema-data-source ul{margin:0 0 12px 0;padding-left:20px}.thinkrank-metabox-schema-tab .schema-data-source ul li{margin-bottom:4px;font-size:13px;color:#333}.thinkrank-metabox-schema-tab .schema-data-source .description{color:#666;font-size:13px;margin:0}.thinkrank-metabox-social-tab .thinkrank-card{text-align:center;padding:40px 20px}.thinkrank-metabox-social-tab .thinkrank-card .thinkrank-card-header h4{margin-bottom:8px}.thinkrank-metabox-social-tab .thinkrank-card .description{color:#666;margin-bottom:0}.thinkrank-metabox-social-tab .thinkrank-card .thinkrank-card-body p{color:#999;font-style:italic}.thinkrank-social-preview-notice{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;margin-bottom:16px;background:#e8f2fd;font-size:14px}.thinkrank-social-preview-notice.warning{background:#fffaeb}.thinkrank-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin:16px 0}.thinkrank-loading .spinner{float:none;margin:0}.thinkrank-loading p{margin:0;color:#666;font-weight:500}@media(max-width: 782px){.thinkrank-metabox-tabs .components-tab-panel__tabs{flex-direction:column}.thinkrank-metabox-tabs .components-tab-panel__tabs-item{text-align:center;border-bottom:1px solid #ddd;border-radius:0}.thinkrank-metabox-tabs .components-tab-panel__tabs-item:last-child{border-bottom:none}.thinkrank-metabox-tabs .components-tab-panel__tabs-item.is-active{border-bottom-color:#ddd;border-left:3px solid #0073aa}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.thinkrank-social-tab .social-preview-placeholder{text-align:center;padding:40px 20px;background:#f9fafb;border:2px dashed #ddd;border-radius:8px;color:#666}.thinkrank-social-tab .social-preview-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff;max-width:500px;margin-bottom:20px}.thinkrank-social-tab .social-preview-card .preview-platform-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9f9f9;border-bottom:1px solid #ddd;font-size:14px}.thinkrank-social-tab .social-preview-card .preview-platform-header .preview-status.preview-valid{color:#00a32a}.thinkrank-social-tab .social-preview-card .preview-platform-header .preview-status.preview-invalid{color:#d63638}.thinkrank-social-tab .social-preview-card .preview-image{width:100%}.thinkrank-social-tab .social-preview-card .preview-image.preview-image-facebook,.thinkrank-social-tab .social-preview-card .preview-image.preview-image-linkedin{aspect-ratio:1.91/1}.thinkrank-social-tab .social-preview-card .preview-image.preview-image-twitter{aspect-ratio:2/1}.thinkrank-social-tab .social-preview-card .preview-image.preview-image-pinterest{aspect-ratio:2/3}.thinkrank-social-tab .social-preview-card .preview-image img{width:100%;height:100%;object-fit:cover}.thinkrank-social-tab .social-preview-card .preview-content{padding:16px}.thinkrank-social-tab .social-preview-card .preview-content .preview-title{margin:0 0 8px 0;font-size:16px;font-weight:600;line-height:1.4}.thinkrank-social-tab .social-preview-card .preview-content .preview-description{margin:0 0 12px 0;font-size:14px;color:#666}.thinkrank-social-tab .social-preview-card .preview-content .preview-meta{display:flex;justify-content:space-between;font-size:12px;color:#999}.thinkrank-social-tab .social-preview-card .preview-warnings{margin:16px;padding:12px;background:#fef3c7;border-radius:6px;font-size:12px;color:#92400e}.thinkrank-social-tab .data-source-info{padding:16px;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-size:13px}.thinkrank-social-tab .data-source-info h4{margin:0 0 12px 0;font-size:14px}.thinkrank-social-tab .data-source-info ul{margin:0 0 12px 0;padding:0;list-style:none}.thinkrank-social-tab .data-source-info ul li{margin-bottom:6px;color:#666}.thinkrank-social-tab .data-source-info .help-text{margin:0;font-size:12px;color:#999;font-style:italic}@media(max-width: 768px){.thinkrank-social-tab .social-preview-card{max-width:100%}}:root{--thinkrank-primary: #4451FF;--thinkrank-text-primary: #1D1D1D;--thinkrank-text-secondary: #535353;--thinkrank-border: #D5D5DD;--thinkrank-border-light: #E2E6F1}.thinkrank-header-slot{display:inline-flex;align-items:center;margin-right:8px}.thinkrank-header-slot .tr-root{display:inline-flex;align-items:center}.thinkrank-header-launcher{line-height:1}.thinkrank-configure-seo__mark{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:0}.thinkrank-configure-seo__score{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding:0 3px;box-sizing:border-box;border-radius:8px;border:1.5px solid #fff;font-size:10px;font-weight:700;line-height:13px;text-align:center}.thinkrank-metabox-launcher{top:110px;left:50%;transform:translateX(-50%)}@media screen and (max-width: 782px){.thinkrank-metabox-launcher{top:92px}}.elementor-editor-active .thinkrank-metabox-launcher{top:auto;bottom:24px;left:auto;right:24px;transform:none}.thinkrank-metabox-drawer{height:82vh;max-height:82vh}.thinkrank-metabox-drawer select{width:100% !important;max-width:100% !important;box-sizing:border-box}@media screen and (max-width: 782px){.thinkrank-metabox-drawer{height:92vh;max-height:92vh}}.schema-form-container{margin:16px 0}.schema-form-container .components-card{box-shadow:none;border:1px solid #ddd}.schema-form-container .components-card .components-card-header{border-bottom:1px solid #ddd;padding:12px 16px}.schema-form-container .components-card .components-card-header h4{margin:0;font-size:14px;font-weight:600}.schema-form-container .components-card .components-card-body{padding:16px}.thinkrank-metabox .inside{margin:0 !important;padding:0 !important}.thinkrank-metabox-content{padding:20px;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.thinkrank-card{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.thinkrank-card-header{padding:16px 20px;border-bottom:1px solid #eee;background:#f9f9f9;border-radius:8px 8px 0 0}.thinkrank-card-header h4{margin:0 0 8px 0;font-size:16px;font-weight:600;color:#23282d}.thinkrank-card-header .description{margin:0;color:#666;font-size:13px;line-height:1.4}.thinkrank-card-body{padding:20px}.thinkrank-metabox-header{padding:10px 20px;margin:0 20px;border:1px solid #eee;background:#f9f9f9;border-radius:8px}.thinkrank-metabox-header h4{margin:0 0 8px 0;font-size:16px;font-weight:600;color:#23282d}.thinkrank-metabox-header .description{margin:0;color:#666;font-size:13px;line-height:1.4}.thinkrank-metabox-content h4{margin:0 0 15px 0;font-size:14px;font-weight:600}.thinkrank-metabox-content p{margin:0 0 15px 0;color:#666;font-size:13px;line-height:1.4;word-wrap:break-word}.thinkrank-field{margin-bottom:20px}.thinkrank-field label{display:block;margin-bottom:5px;font-weight:600;font-size:13px}.thinkrank-field input[type=text],.thinkrank-field textarea,.thinkrank-field select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px;line-height:1.4}.thinkrank-field textarea{resize:vertical;min-height:80px}.thinkrank-field .description{margin-top:5px;color:#666;font-size:12px;font-style:italic}.character-counter{float:right;font-size:11px;color:#666;margin-top:5px}.character-counter.over-limit{color:#d63638;font-weight:600}.ai-controls-row{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.ai-control-group{flex:1;min-width:150px}.ai-control-group label{display:block;margin-bottom:5px;font-weight:600;font-size:13px}.ai-control-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px}.ai-buttons{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.ai-buttons .button{display:flex;align-items:center;gap:5px;padding:8px 16px;font-size:13px}.ai-buttons .button .dashicons{font-size:16px;width:16px;height:16px}.ai-buttons .button:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.thinkrank-analysis-results{margin-top:20px;padding:20px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px}.analysis-section{margin-bottom:25px}.analysis-section:last-child{margin-bottom:0}.analysis-section h4{margin:0 0 15px 0;font-size:14px;font-weight:600;color:#333;border-bottom:2px solid #0073aa;padding-bottom:5px}.analysis-section h5{margin:0 0 10px 0;font-size:13px;font-weight:600;color:#555}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:15px}.analysis-item{padding:15px;background:#fff;border:1px solid #ddd;border-radius:6px;text-align:center}.analysis-label{display:block;font-size:12px;color:#666;margin-bottom:5px;text-transform:uppercase;font-weight:600}.analysis-value{display:block;font-size:16px;font-weight:700;color:#333;text-transform:capitalize}.suggestions-list{margin:0;padding:0;list-style:none}.suggestions-list li{margin-bottom:10px;padding:12px 15px;background:#fff;border:1px solid #ddd;border-left:4px solid #0073aa;border-radius:4px;font-size:13px;line-height:1.4}.suggestions-list li:last-child{margin-bottom:0}.strengths-weaknesses{display:grid;grid-template-columns:1fr 1fr;gap:20px}.strengths-column,.weaknesses-column{padding:15px;background:#fff;border:1px solid #ddd;border-radius:6px}.strengths-list,.weaknesses-list{margin:0;padding:0;list-style:none}.strengths-list li,.weaknesses-list li{margin-bottom:8px;padding:8px 12px;border-radius:4px;font-size:12px;line-height:1.4}.strengths-list li{background:#e8f5e8;border-left:3px solid #00a32a;color:#155724}.weaknesses-list li{background:#f8e8e8;border-left:3px solid #d63638;color:#721c24}.strengths-list li:last-child,.weaknesses-list li:last-child{margin-bottom:0}@media(max-width: 782px){.ai-controls-row{flex-direction:column}.ai-buttons{flex-direction:column}.analysis-grid{grid-template-columns:1fr}.strengths-weaknesses{grid-template-columns:1fr}}.thinkrank-field.loading input,.thinkrank-field.loading textarea{opacity:.6;pointer-events:none}.thinkrank-field input:focus,.thinkrank-field textarea:focus,.thinkrank-field select:focus{border-color:#0073aa;box-shadow:0 0 0 1px #0073aa;outline:none}.hidden{display:none}.suggestion-content{display:flex;justify-content:space-between;align-items:center;gap:10px}.priority-badge{font-size:10px;padding:2px 6px;border-radius:3px;font-weight:600;text-transform:uppercase}.priority-badge.priority-high{background-color:#dc3545;color:#fff}.priority-badge.priority-medium{background-color:#ffc107;color:#212529}.priority-badge.priority-low{background-color:#28a745;color:#fff}.priority-badge.priority-critical{background-color:#6f42c1;color:#fff}.thinkrank-refresh-indicator{position:fixed;top:32px;right:20px;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 12px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:9999;display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.thinkrank-refresh-indicator .spinner{float:none;margin:0;width:16px;height:16px}.thinkrank-refresh-indicator span:not(.spinner){white-space:nowrap}.thinkrank-metabox-schema-tab.is-refreshing{opacity:.7;pointer-events:none;transition:opacity .2s ease}.tr-root select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%2394a3b8%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z%27 clip-rule=%27evenodd%27/%3E%3C%2Fsvg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem 1rem;padding-right:1.75rem}.tr-root select:focus{outline:none !important;box-shadow:none !important}.thinkrank-metabox-panel-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:4px 0}.thinkrank-metabox-panel-card .thinkrank-metabox-panel-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.thinkrank-metabox-panel-card .thinkrank-metabox-panel-card-text strong{font-size:13px;line-height:1.4}.thinkrank-metabox-panel-card .thinkrank-metabox-panel-card-text span{font-size:12px;color:#646970;line-height:1.4}.thinkrank-metabox-panel-card .thinkrank-metabox-panel-card-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.thinkrank-metabox-panel-card .thinkrank-metabox-panel-card-score{font-size:15px;font-weight:600;line-height:1;color:#1e1e1e;white-space:nowrap}.thinkrank-metabox-panel-card .thinkrank-metabox-panel-card-score small{font-size:11px;font-weight:400;color:#646970} | |
| 1 | +@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.thinkrank-seo-score-calculator .calculator-header{margin-bottom:20px;background:#f9f9f9;border-radius:8px;padding:10px 20px}.thinkrank-seo-score-calculator .calculator-header .header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.thinkrank-seo-score-calculator .calculator-header .header-content h3{margin:0;font-size:18px;font-weight:600}.thinkrank-seo-score-calculator .calculator-header .last-calculated{font-size:12px;color:#666;font-style:italic}.thinkrank-seo-score-calculator .calculating-state{text-align:center;padding:40px 20px}.thinkrank-seo-score-calculator .calculating-state .components-spinner{margin-bottom:15px}.thinkrank-seo-score-calculator .calculating-state p{color:#666;margin:0}.thinkrank-seo-score-calculator .empty-state{text-align:center;padding:60px 20px}.thinkrank-seo-score-calculator .empty-state .empty-state-content{max-width:400px;margin:0 auto}.thinkrank-seo-score-calculator .empty-state .empty-state-content .empty-state-icon{font-size:48px;margin-bottom:20px}.thinkrank-seo-score-calculator .empty-state .empty-state-content h4{margin:0 0 10px 0;font-size:18px;color:#1e1e1e}.thinkrank-seo-score-calculator .empty-state .empty-state-content p{color:#666;line-height:1.5;margin:0}.thinkrank-score-breakdown .score-overview-card{margin-bottom:20px}.thinkrank-score-breakdown .score-overview-card .overall-score-display{display:flex;align-items:center;gap:20px}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-circle{width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;position:relative}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-circle.score-excellent{background:linear-gradient(135deg, #10b981, #059669);color:#fff}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-circle.score-good{background:linear-gradient(135deg, #4451ff, #4451ff);color:#fff}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-circle.score-fair{background:linear-gradient(135deg, #b54708, #b54708);color:#fff}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-circle.score-poor{background:linear-gradient(135deg, #921c13, #921c13);color:#fff}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-circle .score-number{font-size:24px;line-height:1}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-circle .score-grade{font-size:12px;opacity:.9}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-info{flex:1}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-info .score-description{font-size:16px;font-weight:500;margin:0 0 5px 0;color:#1e1e1e}.thinkrank-score-breakdown .score-overview-card .overall-score-display .score-info .score-timestamp{font-size:12px;color:#666;margin:0}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;overflow:hidden}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header{padding:16px;cursor:pointer;transition:background-color .2s}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header:hover{background-color:#f9fafb}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .components-flex{width:100%;align-items:center}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .components-flex .components-flex-item:first-child{flex:1}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .components-flex .components-flex-item.factor-score-container{flex:0 0 auto;min-width:80px;text-align:right}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .components-flex .components-flex-item:last-child{flex:0 0 auto;margin-left:8px}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-info{display:flex;align-items:center;gap:12px;flex:1}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-info .factor-icon{font-size:20px}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-info .factor-text .factor-label{display:block;font-weight:500;color:#1e1e1e;margin-bottom:2px}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-info .factor-text .factor-description{display:block;font-size:12px;color:#666}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score{text-align:right}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-value{display:block;font-weight:600;margin-bottom:4px;color:#1e1e1e}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-bar{width:100px;height:6px;background-color:#e5e7eb;border-radius:3px;overflow:hidden}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-bar .score-bar-fill{height:100%;transition:width .3s ease}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-bar .score-bar-fill.score-excellent{background-color:#10b981}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-bar .score-bar-fill.score-good{background-color:#4451ff}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-bar .score-bar-fill.score-fair{background-color:#b54708}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-bar .score-bar-fill.score-poor{background-color:#921c13}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details{padding:16px;background-color:#f9fafb;border-top:1px solid #e5e7eb}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-suggestions{margin-bottom:16px}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-suggestions h5{margin:0 0 8px 0;font-size:14px;font-weight:600;color:#1e1e1e}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-suggestions ul{margin:0;padding-left:20px}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-suggestions ul li{margin-bottom:4px;color:#374151;font-size:14px}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-technical-details{margin-top:16px;padding:12px;background:#f8f9fa;border-radius:4px;border-left:3px solid #007cba}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-technical-details h5{margin:0 0 8px 0;font-size:13px;font-weight:600;color:#1e1e1e}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-technical-details .details-list .detail-item{display:flex;align-items:center;padding:6px 0;font-size:13px;color:#374151}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-technical-details .details-list .detail-item::before{content:"";width:4px;height:4px;background:#007cba;border-radius:50%;margin-right:8px;flex-shrink:0}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-details .factor-technical-details .details-list .detail-item:not(:last-child){margin-bottom:2px}.improvement-suggestions-card{margin-bottom:20px}.improvement-suggestions-card .suggestions-header{display:flex;align-items:center;gap:8px}.improvement-suggestions-card .suggestions-header .suggestions-icon{font-size:20px}.improvement-suggestions-card .suggestions-header h4{margin:0;font-size:16px;font-weight:600}.improvement-suggestions-card .suggestions-count{font-size:12px;color:#666;background-color:#f3f4f6;padding:4px 8px;border-radius:12px}.improvement-suggestions-card .no-suggestions{text-align:center;padding:40px 20px}.improvement-suggestions-card .no-suggestions .success-icon{font-size:48px;margin-bottom:16px}.improvement-suggestions-card .no-suggestions h4{margin:0 0 8px 0;color:#10b981;font-size:18px}.improvement-suggestions-card .no-suggestions p{color:#666;margin:0}.improvement-suggestions-card .suggestions-list .priority-group{margin-bottom:24px}.improvement-suggestions-card .suggestions-list .priority-group .priority-header{display:flex;align-items:center;gap:8px;margin:0 0 12px 0;font-size:14px;font-weight:600}.improvement-suggestions-card .suggestions-list .priority-group .priority-header .priority-icon{font-size:12px}.improvement-suggestions-card .suggestions-list .priority-group .priority-header .priority-count{font-size:12px;color:#666;font-weight:400}.improvement-suggestions-card .suggestions-list .priority-group.priority-high .priority-header{color:#921c13}.improvement-suggestions-card .suggestions-list .priority-group.priority-medium .priority-header{color:#b54708}.improvement-suggestions-card .suggestions-list .priority-group.priority-low .priority-header{color:#059669}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item.priority-high{border-left:4px solid #921c13}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item.priority-medium{border-left:4px solid #b54708}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item.priority-low{border-left:4px solid #059669}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content{padding:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text{flex:1;display:flex;flex-direction:column;gap:8px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .category-badge{display:inline-block;background-color:#f3f4f6;color:#374151;font-size:10px;font-weight:500;text-transform:uppercase;padding:2px 6px;border-radius:3px;align-self:flex-start}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .suggestion-message{font-size:14px;line-height:1.5;color:#374151}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .priority-badge{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;padding:3px 8px;align-self:flex-start;border-radius:4px;margin-right:8px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .priority-badge.priority-high{background-color:#fef2f2;color:#921c13;border:1px solid #fecaca}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .priority-badge.priority-medium{background-color:#fffbeb;color:#b54708;border:1px solid #fed7aa}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .priority-badge.priority-low{background-color:#f0fdf4;color:#059669;border:1px solid #bbf7d0}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-actions{display:flex;gap:8px;flex-shrink:0}.improvement-suggestions-card .dismissed-suggestions-notice{margin-top:16px}@media(max-width: 768px){.thinkrank-score-breakdown .score-overview-card .overall-score-display{flex-direction:column;text-align:center;gap:16px}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score{min-width:auto}.thinkrank-score-breakdown .score-factors-card .score-factors-list .score-factor-item .factor-header .factor-score .score-bar{width:80px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content{flex-direction:column;gap:12px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-actions{align-self:flex-end}.seo-score-summary-card .analysis-section.score-section{flex-direction:column;text-align:center;gap:20px}.seo-score-summary-card .analysis-section.score-section .score-circle{width:100px;height:100px}.seo-score-summary-card .analysis-section.score-section .score-circle .score-number{font-size:28px}.seo-score-summary-card .analysis-section.score-section .score-circle .score-grade{font-size:16px}.seo-score-summary-card .analysis-section.score-section .score-breakdown{width:100%}.seo-score-summary-card .analysis-section.score-section .score-breakdown .score-item{flex-direction:column;text-align:center;gap:8px}.seo-score-summary-card .analysis-section.score-section .score-breakdown .score-item .score-label{font-size:13px}.seo-score-summary-card .analysis-section.score-section .score-breakdown .score-item .score-value{font-size:13px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid{grid-template-columns:1fr;gap:12px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid .analysis-item{flex-direction:column;text-align:center;gap:6px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid .analysis-item .analysis-label{font-size:12px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid .analysis-item .analysis-value{font-size:12px}}@media(max-width: 480px){.seo-score-summary-card .analysis-section.score-section{padding:16px}.seo-score-summary-card .analysis-section.score-section .score-circle{width:80px;height:80px}.seo-score-summary-card .analysis-section.score-section .score-circle .score-number{font-size:24px}.seo-score-summary-card .analysis-section.score-section .score-circle .score-grade{font-size:14px}.seo-score-summary-card .analysis-section.score-section .score-circle .score-label{font-size:10px}.seo-score-summary-card .analysis-section.content-analysis{padding:16px}.seo-score-summary-card .analysis-section.content-analysis h4{font-size:14px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .suggestion-message{font-size:13px}.improvement-suggestions-card .suggestions-list .priority-group .suggestions-in-group .suggestion-item .suggestion-content .suggestion-text .priority-badge{font-size:9px;padding:2px 6px}}.seo-score-summary-card{margin-bottom:20px}.seo-score-summary-card .analysis-section.score-section{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);border-radius:12px;border:1px solid #e2e8f0}.seo-score-summary-card .analysis-section.score-section .score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;border:4px solid;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);flex-shrink:0}.seo-score-summary-card .analysis-section.score-section .score-circle .score-number{font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.seo-score-summary-card .analysis-section.score-section .score-circle .score-grade{font-size:18px;font-weight:600;line-height:1;margin-bottom:4px}.seo-score-summary-card .analysis-section.score-section .score-circle .score-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.seo-score-summary-card .analysis-section.score-section .score-circle.score-high{border-color:#10b981;color:#10b981;background:linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%)}.seo-score-summary-card .analysis-section.score-section .score-circle.score-medium{border-color:#b54708;color:#b54708;background:linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%)}.seo-score-summary-card .analysis-section.score-section .score-circle.score-low{border-color:#921c13;color:#921c13;background:linear-gradient(135deg, #fef2f2 0%, #fecaca 100%)}.seo-score-summary-card .analysis-section.score-section .score-breakdown{flex:1;display:grid;grid-template-columns:1fr;gap:16px}.seo-score-summary-card .analysis-section.score-section .score-breakdown .score-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05)}.seo-score-summary-card .analysis-section.score-section .score-breakdown .score-item .score-label{font-weight:600;color:#374151;font-size:14px}.seo-score-summary-card .analysis-section.score-section .score-breakdown .score-item .score-value{font-weight:500;color:#1f2937;font-size:14px;padding:4px 8px;background:#f9fafb;border-radius:4px;border:1px solid #e5e7eb}.seo-score-summary-card .analysis-section.content-analysis{padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.seo-score-summary-card .analysis-section.content-analysis h4{margin:0 0 16px 0;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.seo-score-summary-card .analysis-section.content-analysis h4::before{content:"📊";font-size:18px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:16px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid .analysis-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid .analysis-item .analysis-label{font-weight:500;color:#6b7280;font-size:13px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid .analysis-item .analysis-value{font-weight:600;color:#1f2937;font-size:13px}.seo-score-summary-card .analysis-section.content-analysis .analysis-grid .analysis-item .analysis-note{display:block;font-size:11px;color:#666;margin-top:2px;font-style:italic}.thinkrank-seo-results-tabs{margin-top:20px}.thinkrank-seo-results-tabs .components-tab-panel__tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px}.thinkrank-seo-results-tabs .components-tab-panel__tabs .components-button{border:none;border-bottom:2px solid rgba(0,0,0,0);border-radius:0;padding:12px 20px;font-weight:500;color:#666;background:none;transition:all .2s ease}.thinkrank-seo-results-tabs .components-tab-panel__tabs .components-button:hover{color:#0073aa;background-color:#f8f9fa}.thinkrank-seo-results-tabs .components-tab-panel__tabs .components-button.is-active{color:#0073aa;border-bottom-color:#0073aa;background-color:#fff}.thinkrank-seo-results-tabs .components-tab-panel__tabs .components-button .tab-title-with-badge{display:flex;align-items:center;gap:6px}.thinkrank-seo-results-tabs .components-tab-panel__tabs .components-button .tab-title-with-badge .suggestion-count-badge{background-color:#dc3545;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1.2}.thinkrank-seo-results-tabs .tab-content{min-height:300px}.thinkrank-seo-results-tabs .tab-content .no-suggestions-message{text-align:center;padding:60px 20px}.thinkrank-seo-results-tabs .tab-content .no-suggestions-message .success-icon{font-size:48px;margin-bottom:16px}.thinkrank-seo-results-tabs .tab-content .no-suggestions-message h4{margin:0 0 8px 0;color:#10b981;font-size:18px}.thinkrank-seo-results-tabs .tab-content .no-suggestions-message p{color:#666;margin:0;font-size:14px}.thinkrank-suggestion-modal .modal-content{margin-bottom:20px}.thinkrank-suggestion-modal .modal-content .suggestion-quote{background-color:#f8f9fa;border-left:4px solid #0073aa;padding:12px 16px;margin:12px 0;font-style:italic;color:#1e1e1e}.thinkrank-suggestion-modal .modal-content .guidance-section{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;padding:12px;margin:12px 0}.thinkrank-suggestion-modal .modal-content .guidance-section p{margin:0;color:#0073aa;font-weight:500}.thinkrank-suggestion-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #ddd}.serp-preview-controls{margin-bottom:20px}.serp-preview-controls .preview-label{display:block;font-weight:600;margin-bottom:8px;color:var(--thinkrank-text-primary)}.serp-preview-controls .preview-toggle{display:flex;gap:16px}.serp-preview-controls .preview-toggle .toggle-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--thinkrank-text-secondary);transition:color .2s ease}.serp-preview-controls .preview-toggle .toggle-option.active{color:var(--thinkrank-primary);font-weight:500}.serp-preview-controls .preview-toggle .toggle-option input[type=radio]{display:none}.serp-preview-controls .preview-toggle .toggle-option .radio-icon{width:16px;height:16px;border:2px solid var(--thinkrank-border);border-radius:50%;position:relative;transition:all .2s ease}.serp-preview-controls .preview-toggle .toggle-option .radio-icon::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:8px;height:8px;border-radius:50%;background:var(--thinkrank-primary);opacity:0;transition:opacity .2s ease}.serp-preview-controls .preview-toggle .toggle-option.active .radio-icon{border-color:var(--thinkrank-primary)}.serp-preview-controls .preview-toggle .toggle-option.active .radio-icon::after{opacity:1}.serp-result-container{background:#f8f9fa;border:1px solid var(--thinkrank-border-light);border-radius:8px;padding:20px}.serp-result-container.mobile{max-width:375px;margin:0 auto}.serp-result-container.desktop{max-width:600px}.serp-result{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.serp-result .serp-site-info{display:flex;align-items:center;margin-bottom:8px;font-size:14px;color:#5f6368}.serp-result .serp-site-info .site-favicon{margin-right:8px}.serp-result .serp-site-info .site-favicon .favicon-image{width:16px;height:16px;background:#f1f3f4;border-radius:2px;position:relative}.serp-result .serp-site-info .site-favicon .favicon-image::after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:#fff;border-radius:1px}.serp-result .serp-site-info .site-details{display:flex;align-items:center;flex:1}.serp-result .serp-site-info .site-details .site-name{font-weight:500}.serp-result .serp-site-info .site-details .breadcrumb-arrow{margin:0 4px;color:#9aa0a6}.serp-result .serp-site-info .site-details .page-path{color:#9aa0a6}.serp-result .serp-site-info .serp-menu{color:#9aa0a6;cursor:pointer;padding:4px;border-radius:4px}.serp-result .serp-site-info .serp-menu:hover{background:#f1f3f4}.serp-result .serp-title{font-size:20px;line-height:1.3;color:#1a0dab;margin-bottom:4px;cursor:pointer;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.serp-result .serp-title:hover{text-decoration:underline}.serp-result .serp-content{display:flex;align-items:flex-start;gap:12px}.serp-result .serp-content.serp-content-with-image .serp-meta{flex:1}.serp-result .serp-meta{font-size:14px;line-height:1.4;color:#4d5156}.serp-result .serp-meta .serp-date{color:#5f6368}.serp-result .serp-meta .serp-separator{color:#9aa0a6}.serp-result .serp-meta .serp-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.serp-result .serp-featured-image{flex-shrink:0}.serp-result .serp-featured-image .featured-image{width:80px;height:80px;object-fit:cover;border-radius:8px}.serp-result .serp-featured-image .image-placeholder{width:80px;height:80px;background:#f8f9fa;border:1px dashed #dadce0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa0a6}.serp-result .serp-featured-image .image-placeholder .image-icon{font-size:16px}.serp-result-container.mobile .serp-result .serp-title{font-size:18px}.serp-result-container.mobile .serp-result .serp-meta{font-size:13px}.serp-result-container.mobile .serp-result .serp-featured-image .featured-image{width:72px;height:72px}.serp-result-container.mobile .serp-result .serp-featured-image .image-placeholder{width:72px;height:72px}.serp-result-container.mobile .serp-result .serp-featured-image .image-placeholder .image-icon{font-size:14px}.serp-result-container.desktop .serp-result .serp-content{display:block}.serp-result-container.desktop .serp-result .serp-featured-image{display:none}@media(max-width: 768px){.serp-preview-controls .preview-toggle{flex-direction:column;gap:12px}.serp-result-container.desktop{max-width:100%}}.thinkrank-metabox-tabs{margin:16px 0}.thinkrank-metabox-tabs .components-tab-panel__tabs{display:flex;border-bottom:1px solid #ddd;margin:0 0 20px 0;padding:0;background:#f9f9f9;border-radius:4px 4px 0 0}.thinkrank-metabox-tabs .components-tab-panel__tabs-item{background:rgba(0,0,0,0);border:none;border-bottom:2px solid rgba(0,0,0,0);color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;text-decoration:none;transition:all .2s ease}.thinkrank-metabox-tabs .components-tab-panel__tabs-item:hover{background:#fff;color:#0073aa}.thinkrank-metabox-tabs .components-tab-panel__tabs-item.is-active{background:#fff;border-bottom-color:#0073aa;color:#0073aa;font-weight:600}.thinkrank-metabox-tabs .components-tab-panel__tabs-item:focus{box-shadow:0 0 0 1px #0073aa;outline:none}.thinkrank-metabox-tabs .components-tab-panel__tab-content{padding:0}.thinkrank-metabox-tabs .components-tab-panel__tab-content .thinkrank-metabox-seo-tab,.thinkrank-metabox-tabs .components-tab-panel__tab-content .thinkrank-metabox-schema-tab,.thinkrank-metabox-tabs .components-tab-panel__tab-content .thinkrank-metabox-social-tab{min-height:200px}.thinkrank-metabox-seo-tab .thinkrank-card{margin-bottom:20px}.thinkrank-metabox-seo-tab .thinkrank-card:last-child{margin-bottom:0}.thinkrank-metabox-seo-tab .thinkrank-ai-controls{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-controls-row{display:flex;gap:20px;margin-bottom:16px}@media(max-width: 782px){.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-controls-row{flex-direction:column;gap:12px}}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-control-group{flex:1}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-control-group label{display:block;font-weight:600;margin-bottom:4px;color:#333}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-control-group select{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:3px;font-size:14px}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-control-group select:focus{border-color:#0073aa;box-shadow:0 0 0 1px #0073aa;outline:none}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-buttons{display:flex;gap:12px}@media(max-width: 782px){.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-buttons{flex-direction:column}}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-buttons .button{display:flex;align-items:center;gap:6px}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-buttons .button .dashicons{font-size:16px;width:16px;height:16px}.thinkrank-metabox-seo-tab .thinkrank-ai-controls .ai-buttons .button .dashicons.spin{animation:spin 1s linear infinite}.thinkrank-metabox-schema-tab .thinkrank-card{margin-bottom:20px}.thinkrank-metabox-schema-tab .thinkrank-card:last-child{margin-bottom:0}.thinkrank-metabox-schema-tab .thinkrank-field{margin-bottom:16px}.thinkrank-metabox-schema-tab .thinkrank-field label{display:block;font-weight:600;margin-bottom:4px;color:#333}.thinkrank-metabox-schema-tab .thinkrank-field select{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:3px;font-size:14px}.thinkrank-metabox-schema-tab .thinkrank-field select:focus{border-color:#0073aa;box-shadow:0 0 0 1px #0073aa;outline:none}.thinkrank-metabox-schema-tab .thinkrank-field .description{margin-top:4px;color:#666;font-size:13px}.thinkrank-metabox-schema-tab .schema-actions{margin-top:16px;display:flex;gap:12px}.thinkrank-metabox-schema-tab .schema-actions .button{display:flex;align-items:center;gap:6px}.thinkrank-metabox-schema-tab .schema-actions .button .dashicons{font-size:16px;width:16px;height:16px}.thinkrank-metabox-schema-tab .schema-actions .button .dashicons.spin{animation:spin 1s linear infinite}.thinkrank-metabox-schema-tab .schema-status-notice{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;margin-bottom:16px;background:#e8f2fd}.thinkrank-metabox-schema-tab .schema-status-notice .dashicons{color:#12467b;margin-top:2px}.thinkrank-metabox-schema-tab .schema-status-notice p{font-size:14px;margin:0;color:#12467b}.thinkrank-metabox-schema-tab .schema-status-notice.success,.thinkrank-metabox-schema-tab .schema-status-notice.deployed{background:#ecfdf3}.thinkrank-metabox-schema-tab .schema-status-notice.success .dashicons,.thinkrank-metabox-schema-tab .schema-status-notice.deployed .dashicons{color:#027a48}.thinkrank-metabox-schema-tab .schema-status-notice.success p,.thinkrank-metabox-schema-tab .schema-status-notice.deployed p{color:#027a48}.thinkrank-metabox-schema-tab .schema-status-notice.warning{background:#fffaeb}.thinkrank-metabox-schema-tab .schema-status-notice.warning .dashicons{color:#b54708}.thinkrank-metabox-schema-tab .schema-status-notice.warning p{color:#b54708}.thinkrank-metabox-schema-tab .schema-types-generated{margin-bottom:20px}.thinkrank-metabox-schema-tab .schema-types-generated h5{margin:0 0 8px 0;font-size:14px;font-weight:600}.thinkrank-metabox-schema-tab .schema-types-generated .schema-type-badges{display:flex;gap:8px;flex-wrap:wrap}.thinkrank-metabox-schema-tab .schema-types-generated .schema-type-badge{background:#0073aa;color:#fff;padding:4px 8px;border-radius:3px;font-size:12px;font-weight:500}.thinkrank-metabox-schema-tab .schema-code-preview{margin-bottom:20px}.thinkrank-metabox-schema-tab .schema-code-preview h5{margin:0 0 12px 0;font-size:14px;font-weight:600}.thinkrank-metabox-schema-tab .schema-code-preview .schema-code-block{margin-bottom:16px}.thinkrank-metabox-schema-tab .schema-code-preview .schema-code-block h6{margin:0 0 8px 0;font-size:13px;font-weight:600;color:#666}.thinkrank-metabox-schema-tab .schema-code-preview .schema-json-preview{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:12px;font-size:12px;font-family:Monaco,Menlo,"Ubuntu Mono",monospace;overflow:auto;max-height:300px;white-space:pre-wrap;word-wrap:break-word}.thinkrank-metabox-schema-tab .schema-data-source h5{margin:0 0 8px 0;font-size:14px;font-weight:600}.thinkrank-metabox-schema-tab .schema-data-source ul{margin:0 0 12px 0;padding-left:20px}.thinkrank-metabox-schema-tab .schema-data-source ul li{margin-bottom:4px;font-size:13px;color:#333}.thinkrank-metabox-schema-tab .schema-data-source .description{color:#666;font-size:13px;margin:0}.thinkrank-metabox-social-tab .thinkrank-card{text-align:center;padding:40px 20px}.thinkrank-metabox-social-tab .thinkrank-card .thinkrank-card-header h4{margin-bottom:8px}.thinkrank-metabox-social-tab .thinkrank-card .description{color:#666;margin-bottom:0}.thinkrank-metabox-social-tab .thinkrank-card .thinkrank-card-body p{color:#999;font-style:italic}.thinkrank-social-preview-notice{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;margin-bottom:16px;background:#e8f2fd;font-size:14px}.thinkrank-social-preview-notice.warning{background:#fffaeb}.thinkrank-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin:16px 0}.thinkrank-loading .spinner{float:none;margin:0}.thinkrank-loading p{margin:0;color:#666;font-weight:500}@media(max-width: 782px){.thinkrank-metabox-tabs .components-tab-panel__tabs{flex-direction:column}.thinkrank-metabox-tabs .components-tab-panel__tabs-item{text-align:center;border-bottom:1px solid #ddd;border-radius:0}.thinkrank-metabox-tabs .components-tab-panel__tabs-item:last-child{border-bottom:none}.thinkrank-metabox-tabs .components-tab-panel__tabs-item.is-active{border-bottom-color:#ddd;border-left:3px solid #0073aa}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.thinkrank-social-tab .social-preview-placeholder{text-align:center;padding:40px 20px;background:#f9fafb;border:2px dashed #ddd;border-radius:8px;color:#666}.thinkrank-social-tab .social-preview-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff;max-width:500px;margin-bottom:20px}.thinkrank-social-tab .social-preview-card .preview-platform-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9f9f9;border-bottom:1px solid #ddd;font-size:14px}.thinkrank-social-tab .social-preview-card .preview-platform-header .preview-status.preview-valid{color:#00a32a}.thinkrank-social-tab .social-preview-card .preview-platform-header .preview-status.preview-invalid{color:#d63638}.thinkrank-social-tab .social-preview-card .preview-image{width:100%}.thinkrank-social-tab .social-preview-card .preview-image.preview-image-facebook,.thinkrank-social-tab .social-preview-card .preview-image.preview-image-linkedin{aspect-ratio:1.91/1}.thinkrank-social-tab .social-preview-card .preview-image.preview-image-twitter{aspect-ratio:2/1}.thinkrank-social-tab .social-preview-card .preview-image.preview-image-pinterest{aspect-ratio:2/3}.thinkrank-social-tab .social-preview-card .preview-image img{width:100%;height:100%;object-fit:cover}.thinkrank-social-tab .social-preview-card .preview-content{padding:16px}.thinkrank-social-tab .social-preview-card .preview-content .preview-title{margin:0 0 8px 0;font-size:16px;font-weight:600;line-height:1.4}.thinkrank-social-tab .social-preview-card .preview-content .preview-description{margin:0 0 12px 0;font-size:14px;color:#666}.thinkrank-social-tab .social-preview-card .preview-content .preview-meta{display:flex;justify-content:space-between;font-size:12px;color:#999}.thinkrank-social-tab .social-preview-card .preview-warnings{margin:16px;padding:12px;background:#fef3c7;border-radius:6px;font-size:12px;color:#92400e}.thinkrank-social-tab .data-source-info{padding:16px;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-size:13px}.thinkrank-social-tab .data-source-info h4{margin:0 0 12px 0;font-size:14px}.thinkrank-social-tab .data-source-info ul{margin:0 0 12px 0;padding:0;list-style:none}.thinkrank-social-tab .data-source-info ul li{margin-bottom:6px;color:#666}.thinkrank-social-tab .data-source-info .help-text{margin:0;font-size:12px;color:#999;font-style:italic}@media(max-width: 768px){.thinkrank-social-tab .social-preview-card{max-width:100%}}:root{--thinkrank-primary: #4451ff;--thinkrank-text-primary: #1d1d1d;--thinkrank-text-secondary: #535353;--thinkrank-border: #d5d5dd;--thinkrank-border-light: #e2e6f1}.thinkrank-header-slot{display:inline-flex;align-items:center;margin-right:8px}.thinkrank-header-slot .tr-root{display:inline-flex;align-items:center}.thinkrank-header-launcher{line-height:1}.thinkrank-configure-seo__mark{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:0}.thinkrank-configure-seo__score{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding:0 3px;box-sizing:border-box;border-radius:8px;border:1.5px solid #fff;font-size:10px;font-weight:700;line-height:13px;text-align:center}.thinkrank-metabox-launcher{top:110px;left:50%;transform:translateX(-50%)}@media screen and (max-width: 782px){.thinkrank-metabox-launcher{top:92px}}.elementor-editor-active .thinkrank-metabox-launcher{top:auto;bottom:24px;left:auto;right:24px;transform:none}.thinkrank-metabox-drawer{height:82vh;max-height:82vh}.thinkrank-metabox-drawer select{width:100% !important;max-width:100% !important;box-sizing:border-box}@media screen and (max-width: 782px){.thinkrank-metabox-drawer{height:92vh;max-height:92vh}}.schema-form-container{margin:16px 0}.schema-form-container .components-card{box-shadow:none;border:1px solid #ddd}.schema-form-container .components-card .components-card-header{border-bottom:1px solid #ddd;padding:12px 16px}.schema-form-container .components-card .components-card-header h4{margin:0;font-size:14px;font-weight:600}.schema-form-container .components-card .components-card-body{padding:16px}.thinkrank-metabox .inside{margin:0 !important;padding:0 !important}.thinkrank-metabox-content{padding:20px;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.thinkrank-card{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.thinkrank-card-header{padding:16px 20px;border-bottom:1px solid #eee;background:#f9f9f9;border-radius:8px 8px 0 0}.thinkrank-card-header h4{margin:0 0 8px 0;font-size:16px;font-weight:600;color:#23282d}.thinkrank-card-header .description{margin:0;color:#666;font-size:13px;line-height:1.4}.thinkrank-card-body{padding:20px}.thinkrank-metabox-header{padding:10px 20px;margin:0 20px;border:1px solid #eee;background:#f9f9f9;border-radius:8px}.thinkrank-metabox-header h4{margin:0 0 8px 0;font-size:16px;font-weight:600;color:#23282d}.thinkrank-metabox-header .description{margin:0;color:#666;font-size:13px;line-height:1.4}.thinkrank-metabox-content h4{margin:0 0 15px 0;font-size:14px;font-weight:600}.thinkrank-metabox-content p{margin:0 0 15px 0;color:#666;font-size:13px;line-height:1.4;word-wrap:break-word}.thinkrank-field{margin-bottom:20px}.thinkrank-field label{display:block;margin-bottom:5px;font-weight:600;font-size:13px}.thinkrank-field input[type=text],.thinkrank-field textarea,.thinkrank-field select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px;line-height:1.4}.thinkrank-field textarea{resize:vertical;min-height:80px}.thinkrank-field .description{margin-top:5px;color:#666;font-size:12px;font-style:italic}.character-counter{float:right;font-size:11px;color:#666;margin-top:5px}.character-counter.over-limit{color:#d63638;font-weight:600}.ai-controls-row{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.ai-control-group{flex:1;min-width:150px}.ai-control-group label{display:block;margin-bottom:5px;font-weight:600;font-size:13px}.ai-control-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px}.ai-buttons{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.ai-buttons .button{display:flex;align-items:center;gap:5px;padding:8px 16px;font-size:13px}.ai-buttons .button .dashicons{font-size:16px;width:16px;height:16px}.ai-buttons .button:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.thinkrank-analysis-results{margin-top:20px;padding:20px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px}.analysis-section{margin-bottom:25px}.analysis-section:last-child{margin-bottom:0}.analysis-section h4{margin:0 0 15px 0;font-size:14px;font-weight:600;color:#333;border-bottom:2px solid #0073aa;padding-bottom:5px}.analysis-section h5{margin:0 0 10px 0;font-size:13px;font-weight:600;color:#555}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:15px}.analysis-item{padding:15px;background:#fff;border:1px solid #ddd;border-radius:6px;text-align:center}.analysis-label{display:block;font-size:12px;color:#666;margin-bottom:5px;text-transform:uppercase;font-weight:600}.analysis-value{display:block;font-size:16px;font-weight:700;color:#333;text-transform:capitalize}.suggestions-list{margin:0;padding:0;list-style:none}.suggestions-list li{margin-bottom:10px;padding:12px 15px;background:#fff;border:1px solid #ddd;border-left:4px solid #0073aa;border-radius:4px;font-size:13px;line-height:1.4}.suggestions-list li:last-child{margin-bottom:0}.strengths-weaknesses{display:grid;grid-template-columns:1fr 1fr;gap:20px}.strengths-column,.weaknesses-column{padding:15px;background:#fff;border:1px solid #ddd;border-radius:6px}.strengths-list,.weaknesses-list{margin:0;padding:0;list-style:none}.strengths-list li,.weaknesses-list li{margin-bottom:8px;padding:8px 12px;border-radius:4px;font-size:12px;line-height:1.4}.strengths-list li{background:#e8f5e8;border-left:3px solid #00a32a;color:#155724}.weaknesses-list li{background:#f8e8e8;border-left:3px solid #d63638;color:#721c24}.strengths-list li:last-child,.weaknesses-list li:last-child{margin-bottom:0}@media(max-width: 782px){.ai-controls-row{flex-direction:column}.ai-buttons{flex-direction:column}.analysis-grid{grid-template-columns:1fr}.strengths-weaknesses{grid-template-columns:1fr}}.thinkrank-field.loading input,.thinkrank-field.loading textarea{opacity:.6;pointer-events:none}.thinkrank-field input:focus,.thinkrank-field textarea:focus,.thinkrank-field select:focus{border-color:#0073aa;box-shadow:0 0 0 1px #0073aa;outline:none}.hidden{display:none}.suggestion-content{display:flex;justify-content:space-between;align-items:center;gap:10px}.priority-badge{font-size:10px;padding:2px 6px;border-radius:3px;font-weight:600;text-transform:uppercase}.priority-badge.priority-high{background-color:#dc3545;color:#fff}.priority-badge.priority-medium{background-color:#ffc107;color:#212529}.priority-badge.priority-low{background-color:#28a745;color:#fff}.priority-badge.priority-critical{background-color:#6f42c1;color:#fff}.thinkrank-refresh-indicator{position:fixed;top:32px;right:20px;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 12px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:9999;display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.thinkrank-refresh-indicator .spinner{float:none;margin:0;width:16px;height:16px}.thinkrank-refresh-indicator span:not(.spinner){white-space:nowrap}.thinkrank-metabox-schema-tab.is-refreshing{opacity:.7;pointer-events:none;transition:opacity .2s ease}.tr-root select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%2394a3b8%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z%27 clip-rule=%27evenodd%27/%3E%3C%2Fsvg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem 1rem;padding-right:1.75rem}.tr-root select:focus{outline:none !important;box-shadow:none !important}.thinkrank-metabox-panel-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:4px 0}.thinkrank-metabox-panel-card .thinkrank-metabox-panel-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.thinkrank-metabox-panel-card .thinkrank-metabox-panel-card-text strong{font-size:13px;line-height:1.4}.thinkrank-metabox-panel-card .thinkrank-metabox-panel-card-text span{font-size:12px;color:#646970;line-height:1.4}.thinkrank-metabox-panel-card .thinkrank-metabox-panel-card-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.thinkrank-metabox-panel-card .thinkrank-metabox-panel-card-score{font-size:15px;font-weight:600;line-height:1;color:#1e1e1e;white-space:nowrap}.thinkrank-metabox-panel-card .thinkrank-metabox-panel-card-score small{font-size:11px;font-weight:400;color:#646970} | |
| 3 | 2 | /* Full-page WP chrome takeover — applied when ThinkRank admin UI is active */ |
| 4 | 3 | |
| 5 | 4 | #wpcontent:has(#thinkrank-root) { |
| 6 | 5 | padding-left: 0; |
| @@ -54,8 +53,9 @@ | ||
| 54 | 53 | and normal WP screens are untouched; `min-width: 783px` avoids WP's |
| 55 | 54 | off-canvas mobile menu; no `!important`, so WP's own inline pin styles still |
| 56 | 55 | win for a taller-than-viewport menu. */ |
| 57 | 56 | @media screen and (min-width: 783px) { |
| 57 | + | |
| 58 | 58 | body:has(#thinkrank-root) #adminmenuwrap { |
| 59 | 59 | position: fixed; |
| 60 | 60 | top: var(--wp-admin--admin-bar--height, 32px); |
| 61 | 61 | bottom: 0; |
| @@ -60,8 +60,9 @@ | ||
| 60 | 60 | top: var(--wp-admin--admin-bar--height, 32px); |
| 61 | 61 | bottom: 0; |
| 62 | 62 | overflow-x: hidden; |
| 63 | 63 | overflow-y: auto; |
| 64 | + | |
| 64 | 65 | /* Keep the menu scrollable for taller-than-viewport menus, but hide the |
| 65 | 66 | scrollbar so the sidebar stays clean (Firefox / IE / WebKit). */ |
| 66 | 67 | scrollbar-width: none; |
| 67 | 68 | -ms-overflow-style: none; |
| @@ -90,16 +91,18 @@ | ||
| 90 | 91 | |
| 91 | 92 | /* Ensure Inter font applies inside both admin shell and metabox */ |
| 92 | 93 | #thinkrank-root, |
| 93 | 94 | .tr-root { |
| 94 | - font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; | |
| 95 | + font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; | |
| 95 | 96 | -webkit-font-smoothing: antialiased; |
| 96 | 97 | -moz-osx-font-smoothing: grayscale; |
| 97 | 98 | } |
| 98 | 99 | |
| 99 | 100 | /* ─── Reduced-motion ────────────────────────────────────────────────────────── */ |
| 101 | + | |
| 100 | 102 | /* Honour the user's OS-level preference; collapse all durations to near-zero */ |
| 101 | 103 | @media (prefers-reduced-motion: reduce) { |
| 104 | + | |
| 102 | 105 | .tr-root *, |
| 103 | 106 | .tr-root *::before, |
| 104 | 107 | .tr-root *::after { |
| 105 | 108 | animation-duration: 0.01ms !important; |
| @@ -109,59 +112,68 @@ | ||
| 109 | 112 | } |
| 110 | 113 | } |
| 111 | 114 | |
| 112 | 115 | /* ─── CSS Custom Properties — Design Token Layer ───────────────────────────── */ |
| 116 | + | |
| 113 | 117 | /* These mirror the Tailwind palette and serve as a hook for a future dark-mode */ |
| 118 | + | |
| 114 | 119 | /* toggle. Dark-mode overrides are intentionally empty until the toggle ships. */ |
| 115 | 120 | :root { |
| 121 | + | |
| 116 | 122 | /* Brand */ |
| 117 | - --tr-color-brand: #4451FF; | |
| 118 | - --tr-color-brand-500: #4451FF; | |
| 119 | - --tr-color-brand-bg: #EEF0FF; | |
| 123 | + --tr-color-brand: #4451ff; | |
| 124 | + --tr-color-brand-500: #4451ff; | |
| 125 | + --tr-color-brand-bg: #eef0ff; | |
| 120 | 126 | |
| 121 | 127 | /* Semantic */ |
| 122 | - --tr-color-success: #027A48; | |
| 123 | - --tr-color-success-bg: #ECFDF3; | |
| 124 | - --tr-color-warning: #B54708; | |
| 125 | - --tr-color-warning-bg: #FFFAEB; | |
| 126 | - --tr-color-danger: #921C13; | |
| 127 | - --tr-color-danger-bg: #FEF3F2; | |
| 128 | + --tr-color-success: #027a48; | |
| 129 | + --tr-color-success-bg: #ecfdf3; | |
| 130 | + --tr-color-warning: #b54708; | |
| 131 | + --tr-color-warning-bg: #fffaeb; | |
| 132 | + --tr-color-danger: #921c13; | |
| 133 | + --tr-color-danger-bg: #fef3f2; | |
| 128 | 134 | |
| 129 | 135 | /* Semantic surfaces */ |
| 130 | - --tr-bg-canvas: #FFFFFF; | |
| 131 | - --tr-bg-surface: #FFFFFF; | |
| 132 | - --tr-bg-elevated: #FFFFFF; | |
| 136 | + --tr-bg-canvas: #fff; | |
| 137 | + --tr-bg-surface: #fff; | |
| 138 | + --tr-bg-elevated: #fff; | |
| 133 | 139 | |
| 134 | 140 | /* Text */ |
| 135 | - --tr-text-primary: #1D1D1D; | |
| 141 | + --tr-text-primary: #1d1d1d; | |
| 136 | 142 | --tr-text-secondary: #535353; |
| 137 | - --tr-text-tertiary: #5A5C5E; | |
| 138 | - --tr-text-muted: #5A5C5E; | |
| 143 | + --tr-text-tertiary: #5a5c5e; | |
| 144 | + --tr-text-muted: #5a5c5e; | |
| 139 | 145 | |
| 140 | 146 | /* Borders */ |
| 141 | - --tr-border-primary: #D5D5DD; | |
| 142 | - --tr-border-secondary: #E2E6F1; | |
| 143 | - --tr-border-base: #D5D5DD; | |
| 144 | - --tr-border-subtle: #E2E6F1; | |
| 147 | + --tr-border-primary: #d5d5dd; | |
| 148 | + --tr-border-secondary: #e2e6f1; | |
| 149 | + --tr-border-base: #d5d5dd; | |
| 150 | + --tr-border-subtle: #e2e6f1; | |
| 145 | 151 | |
| 146 | 152 | /* Focus ring */ |
| 147 | - --tr-ring-color: #4451FF; | |
| 153 | + --tr-ring-color: #4451ff; | |
| 148 | 154 | --tr-ring-width: 2px; |
| 149 | 155 | |
| 150 | 156 | /* Transition */ |
| 151 | - --tr-duration-fast: 150ms; | |
| 157 | + --tr-duration-fast: 150ms; | |
| 152 | 158 | --tr-duration-normal: 200ms; |
| 153 | - --tr-easing: ease-in-out; | |
| 159 | + --tr-easing: ease-in-out; | |
| 154 | 160 | } |
| 155 | 161 | |
| 156 | 162 | /* Dark mode hook — intentionally a no-op until the toggle feature ships */ |
| 163 | + | |
| 157 | 164 | /* @media (prefers-color-scheme: dark) { :root { ... } } */ |
| 158 | 165 | |
| 159 | 166 | /* ─── WP Admin Color Scheme Isolation ──────────────────────────────────────── */ |
| 167 | + | |
| 160 | 168 | /* WP ships 6 admin color schemes that override link colour, menu highlight etc. */ |
| 169 | + | |
| 161 | 170 | /* Our plugin UI is fully self-contained inside .tr-root so these bleed-throughs */ |
| 171 | + | |
| 162 | 172 | /* are neutralised by Tailwind's important:.tr-root specificity. */ |
| 173 | + | |
| 163 | 174 | /* The rule below prevents WP's focus outline colour from leaking into our shell. */ |
| 175 | + | |
| 164 | 176 | /* Suppress WP is-busy button stripe animation — our plugin uses text-only loading states */ |
| 165 | 177 | .tr-root .components-button.is-busy, |
| 166 | 178 | .tr-root .components-button.is-busy:hover, |
| 167 | 179 | .tr-root .components-button.is-busy:disabled, |
| @@ -180,8 +192,38 @@ | ||
| 180 | 192 | outline: none; |
| 181 | 193 | box-shadow: none; |
| 182 | 194 | } |
| 183 | 195 | |
| 196 | +/* | |
| 197 | + * Inter, self-hosted. | |
| 198 | + * | |
| 199 | + * Bundled from @fontsource-variable/inter (SIL OFL 1.1) instead of loading | |
| 200 | + * from Google Fonts, so no ThinkRank screen makes a third-party request. | |
| 201 | + * Latin and Latin Extended only; other scripts fall back to the system font | |
| 202 | + * stack that every `font-family: Inter, …` declaration already lists. | |
| 203 | + * | |
| 204 | + * Declared as `Inter` (not fontsource's `Inter Variable`) so the existing | |
| 205 | + * font stacks, Tailwind config and canvas fonts keep working unchanged. | |
| 206 | + */ | |
| 207 | + | |
| 208 | +@font-face { | |
| 209 | + font-family: Inter; | |
| 210 | + font-style: normal; | |
| 211 | + font-display: swap; | |
| 212 | + font-weight: 100 900; | |
| 213 | + src: url(fonts/inter-latin-ext-wght-normal.8bff79fb.woff2) format("woff2-variations"); | |
| 214 | + unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; | |
| 215 | +} | |
| 216 | + | |
| 217 | +@font-face { | |
| 218 | + font-family: Inter; | |
| 219 | + font-style: normal; | |
| 220 | + font-display: swap; | |
| 221 | + font-weight: 100 900; | |
| 222 | + src: url(fonts/inter-latin-wght-normal.4f2981d8.woff2) format("woff2-variations"); | |
| 223 | + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |
| 224 | +} | |
| 225 | + | |
| 184 | 226 | :where(.tr-root), |
| 185 | 227 | :where(.tr-root) *, |
| 186 | 228 | :where(.tr-root) ::before, |
| 187 | 229 | :where(.tr-root) ::after{ |
| @@ -236,18 +278,15 @@ | ||
| 236 | 278 | --tw-contain-layout: ; |
| 237 | 279 | --tw-contain-paint: ; |
| 238 | 280 | --tw-contain-style: ; |
| 239 | 281 | } |
| 240 | - | |
| 241 | 282 | /* |
| 242 | 283 | ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com |
| 243 | 284 | */ |
| 244 | - | |
| 245 | 285 | /* |
| 246 | 286 | 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) |
| 247 | 287 | 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) |
| 248 | 288 | */ |
| 249 | - | |
| 250 | 289 | :where(.tr-root), |
| 251 | 290 | :where(.tr-root) *, |
| 252 | 291 | :where(.tr-root) ::before, |
| 253 | 292 | :where(.tr-root) ::after { |
| @@ -255,14 +294,12 @@ | ||
| 255 | 294 | border-width: 0; /* 2 */ |
| 256 | 295 | border-style: solid; /* 2 */ |
| 257 | 296 | border-color: #D5D5DD; /* 2 */ |
| 258 | 297 | } |
| 259 | - | |
| 260 | 298 | :where(.tr-root) ::before, |
| 261 | 299 | :where(.tr-root) ::after { |
| 262 | 300 | --tw-content: ''; |
| 263 | 301 | } |
| 264 | - | |
| 265 | 302 | /* |
| 266 | 303 | 1. Use a consistent sensible line-height in all browsers. |
| 267 | 304 | 2. Prevent adjustments of font size after orientation changes in iOS. |
| 268 | 305 | 3. Use a more readable tab size. |
| @@ -270,9 +307,8 @@ | ||
| 270 | 307 | 5. Use the user's configured `sans` font-feature-settings by default. |
| 271 | 308 | 6. Use the user's configured `sans` font-variation-settings by default. |
| 272 | 309 | 7. Disable tap highlights on iOS |
| 273 | 310 | */ |
| 274 | - | |
| 275 | 311 | :where(.tr-root) { |
| 276 | 312 | line-height: 1.5; /* 1 */ |
| 277 | 313 | -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */ |
| 278 | 314 | tab-size: 4; /* 3 */ |
| @@ -280,44 +316,36 @@ | ||
| 280 | 316 | font-feature-settings: normal; /* 5 */ |
| 281 | 317 | font-variation-settings: normal; /* 6 */ |
| 282 | 318 | -webkit-tap-highlight-color: transparent; /* 7 */ |
| 283 | 319 | } |
| 284 | - | |
| 285 | 320 | /* |
| 286 | 321 | 1. Remove the margin in all browsers. |
| 287 | 322 | 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. |
| 288 | 323 | */ |
| 289 | - | |
| 290 | 324 | :where(.tr-root) body { |
| 291 | 325 | margin: 0; /* 1 */ |
| 292 | 326 | line-height: inherit; /* 2 */ |
| 293 | 327 | } |
| 294 | - | |
| 295 | 328 | /* |
| 296 | 329 | 1. Add the correct height in Firefox. |
| 297 | 330 | 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) |
| 298 | 331 | 3. Ensure horizontal rules are visible by default. |
| 299 | 332 | */ |
| 300 | - | |
| 301 | 333 | :where(.tr-root) hr { |
| 302 | 334 | height: 0; /* 1 */ |
| 303 | 335 | color: inherit; /* 2 */ |
| 304 | 336 | border-top-width: 1px; /* 3 */ |
| 305 | 337 | } |
| 306 | - | |
| 307 | 338 | /* |
| 308 | 339 | Add the correct text decoration in Chrome, Edge, and Safari. |
| 309 | 340 | */ |
| 310 | - | |
| 311 | 341 | :where(.tr-root) abbr:where([title]) { |
| 312 | 342 | -webkit-text-decoration: underline dotted; |
| 313 | 343 | text-decoration: underline dotted; |
| 314 | 344 | } |
| 315 | - | |
| 316 | 345 | /* |
| 317 | 346 | Remove the default font size and weight for headings. |
| 318 | 347 | */ |
| 319 | - | |
| 320 | 348 | :where(.tr-root) h1, |
| 321 | 349 | :where(.tr-root) h2, |
| 322 | 350 | :where(.tr-root) h3, |
| 323 | 351 | :where(.tr-root) h4, |
| @@ -325,27 +353,22 @@ | ||
| 325 | 353 | :where(.tr-root) h6 { |
| 326 | 354 | font-size: inherit; |
| 327 | 355 | font-weight: inherit; |
| 328 | 356 | } |
| 329 | - | |
| 330 | 357 | /* |
| 331 | 358 | Reset links to optimize for opt-in styling instead of opt-out. |
| 332 | 359 | */ |
| 333 | - | |
| 334 | 360 | :where(.tr-root) a { |
| 335 | 361 | color: inherit; |
| 336 | 362 | text-decoration: inherit; |
| 337 | 363 | } |
| 338 | - | |
| 339 | 364 | /* |
| 340 | 365 | Add the correct font weight in Edge and Safari. |
| 341 | 366 | */ |
| 342 | - | |
| 343 | 367 | :where(.tr-root) b, |
| 344 | 368 | :where(.tr-root) strong { |
| 345 | 369 | font-weight: bolder; |
| 346 | 370 | } |
| 347 | - | |
| 348 | 371 | /* |
| 349 | 372 | 1. Use the user's configured `mono` font-family by default. |
| 350 | 373 | 2. Use the user's configured `mono` font-feature-settings by default. |
| 351 | 374 | 3. Use the user's configured `mono` font-variation-settings by default. |
| @@ -350,9 +373,8 @@ | ||
| 350 | 373 | 2. Use the user's configured `mono` font-feature-settings by default. |
| 351 | 374 | 3. Use the user's configured `mono` font-variation-settings by default. |
| 352 | 375 | 4. Correct the odd `em` font sizing in all browsers. |
| 353 | 376 | */ |
| 354 | - | |
| 355 | 377 | :where(.tr-root) code, |
| 356 | 378 | :where(.tr-root) kbd, |
| 357 | 379 | :where(.tr-root) samp, |
| 358 | 380 | :where(.tr-root) pre { |
| @@ -360,21 +382,17 @@ | ||
| 360 | 382 | font-feature-settings: normal; /* 2 */ |
| 361 | 383 | font-variation-settings: normal; /* 3 */ |
| 362 | 384 | font-size: 1em; /* 4 */ |
| 363 | 385 | } |
| 364 | - | |
| 365 | 386 | /* |
| 366 | 387 | Add the correct font size in all browsers. |
| 367 | 388 | */ |
| 368 | - | |
| 369 | 389 | :where(.tr-root) small { |
| 370 | 390 | font-size: 80%; |
| 371 | 391 | } |
| 372 | - | |
| 373 | 392 | /* |
| 374 | 393 | Prevent `sub` and `sup` elements from affecting the line height in all browsers. |
| 375 | 394 | */ |
| 376 | - | |
| 377 | 395 | :where(.tr-root) sub, |
| 378 | 396 | :where(.tr-root) sup { |
| 379 | 397 | font-size: 75%; |
| 380 | 398 | line-height: 0; |
| @@ -380,35 +398,29 @@ | ||
| 380 | 398 | line-height: 0; |
| 381 | 399 | position: relative; |
| 382 | 400 | vertical-align: baseline; |
| 383 | 401 | } |
| 384 | - | |
| 385 | 402 | :where(.tr-root) sub { |
| 386 | 403 | bottom: -0.25em; |
| 387 | 404 | } |
| 388 | - | |
| 389 | 405 | :where(.tr-root) sup { |
| 390 | 406 | top: -0.5em; |
| 391 | 407 | } |
| 392 | - | |
| 393 | 408 | /* |
| 394 | 409 | 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) |
| 395 | 410 | 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) |
| 396 | 411 | 3. Remove gaps between table borders by default. |
| 397 | 412 | */ |
| 398 | - | |
| 399 | 413 | :where(.tr-root) table { |
| 400 | 414 | text-indent: 0; /* 1 */ |
| 401 | 415 | border-color: inherit; /* 2 */ |
| 402 | 416 | border-collapse: collapse; /* 3 */ |
| 403 | 417 | } |
| 404 | - | |
| 405 | 418 | /* |
| 406 | 419 | 1. Change the font styles in all browsers. |
| 407 | 420 | 2. Remove the margin in Firefox and Safari. |
| 408 | 421 | 3. Remove default padding in all browsers. |
| 409 | 422 | */ |
| 410 | - | |
| 411 | 423 | :where(.tr-root) button, |
| 412 | 424 | :where(.tr-root) input, |
| 413 | 425 | :where(.tr-root) optgroup, |
| 414 | 426 | :where(.tr-root) select, |
| @@ -423,23 +435,19 @@ | ||
| 423 | 435 | color: inherit; /* 1 */ |
| 424 | 436 | margin: 0; /* 2 */ |
| 425 | 437 | padding: 0; /* 3 */ |
| 426 | 438 | } |
| 427 | - | |
| 428 | 439 | /* |
| 429 | 440 | Remove the inheritance of text transform in Edge and Firefox. |
| 430 | 441 | */ |
| 431 | - | |
| 432 | 442 | :where(.tr-root) button, |
| 433 | 443 | :where(.tr-root) select { |
| 434 | 444 | text-transform: none; |
| 435 | 445 | } |
| 436 | - | |
| 437 | 446 | /* |
| 438 | 447 | 1. Correct the inability to style clickable types in iOS and Safari. |
| 439 | 448 | 2. Remove default button styles. |
| 440 | 449 | */ |
| 441 | - | |
| 442 | 450 | :where(.tr-root) button, |
| 443 | 451 | :where(.tr-root) input:where([type='button']), |
| 444 | 452 | :where(.tr-root) input:where([type='reset']), |
| 445 | 453 | :where(.tr-root) input:where([type='submit']) { |
| @@ -446,82 +454,64 @@ | ||
| 446 | 454 | -webkit-appearance: button; /* 1 */ |
| 447 | 455 | background-color: transparent; /* 2 */ |
| 448 | 456 | background-image: none; /* 2 */ |
| 449 | 457 | } |
| 450 | - | |
| 451 | 458 | /* |
| 452 | 459 | Use the modern Firefox focus style for all focusable elements. |
| 453 | 460 | */ |
| 454 | - | |
| 455 | 461 | :where(.tr-root) :-moz-focusring { |
| 456 | 462 | outline: auto; |
| 457 | 463 | } |
| 458 | - | |
| 459 | 464 | /* |
| 460 | 465 | Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) |
| 461 | 466 | */ |
| 462 | - | |
| 463 | 467 | :where(.tr-root) :-moz-ui-invalid { |
| 464 | 468 | box-shadow: none; |
| 465 | 469 | } |
| 466 | - | |
| 467 | 470 | /* |
| 468 | 471 | Add the correct vertical alignment in Chrome and Firefox. |
| 469 | 472 | */ |
| 470 | - | |
| 471 | 473 | :where(.tr-root) progress { |
| 472 | 474 | vertical-align: baseline; |
| 473 | 475 | } |
| 474 | - | |
| 475 | 476 | /* |
| 476 | 477 | Correct the cursor style of increment and decrement buttons in Safari. |
| 477 | 478 | */ |
| 478 | - | |
| 479 | 479 | :where(.tr-root) ::-webkit-inner-spin-button, |
| 480 | 480 | :where(.tr-root) ::-webkit-outer-spin-button { |
| 481 | 481 | height: auto; |
| 482 | 482 | } |
| 483 | - | |
| 484 | 483 | /* |
| 485 | 484 | 1. Correct the odd appearance in Chrome and Safari. |
| 486 | 485 | 2. Correct the outline style in Safari. |
| 487 | 486 | */ |
| 488 | - | |
| 489 | 487 | :where(.tr-root) [type='search'] { |
| 490 | 488 | -webkit-appearance: textfield; /* 1 */ |
| 491 | 489 | outline-offset: -2px; /* 2 */ |
| 492 | 490 | } |
| 493 | - | |
| 494 | 491 | /* |
| 495 | 492 | Remove the inner padding in Chrome and Safari on macOS. |
| 496 | 493 | */ |
| 497 | - | |
| 498 | 494 | :where(.tr-root) ::-webkit-search-decoration { |
| 499 | 495 | -webkit-appearance: none; |
| 500 | 496 | } |
| 501 | - | |
| 502 | 497 | /* |
| 503 | 498 | 1. Correct the inability to style clickable types in iOS and Safari. |
| 504 | 499 | 2. Change font properties to `inherit` in Safari. |
| 505 | 500 | */ |
| 506 | - | |
| 507 | 501 | :where(.tr-root) ::-webkit-file-upload-button { |
| 508 | 502 | -webkit-appearance: button; /* 1 */ |
| 509 | 503 | font: inherit; /* 2 */ |
| 510 | 504 | } |
| 511 | - | |
| 512 | 505 | /* |
| 513 | 506 | Add the correct display in Chrome and Safari. |
| 514 | 507 | */ |
| 515 | - | |
| 516 | 508 | :where(.tr-root) summary { |
| 517 | 509 | display: list-item; |
| 518 | 510 | } |
| 519 | - | |
| 520 | 511 | /* |
| 521 | 512 | Removes the default spacing and border for appropriate elements. |
| 522 | 513 | */ |
| 523 | - | |
| 524 | 514 | :where(.tr-root) blockquote, |
| 525 | 515 | :where(.tr-root) dl, |
| 526 | 516 | :where(.tr-root) dd, |
| 527 | 517 | :where(.tr-root) h1, |
| @@ -535,18 +525,15 @@ | ||
| 535 | 525 | :where(.tr-root) p, |
| 536 | 526 | :where(.tr-root) pre { |
| 537 | 527 | margin: 0; |
| 538 | 528 | } |
| 539 | - | |
| 540 | 529 | :where(.tr-root) fieldset { |
| 541 | 530 | margin: 0; |
| 542 | 531 | padding: 0; |
| 543 | 532 | } |
| 544 | - | |
| 545 | 533 | :where(.tr-root) legend { |
| 546 | 534 | padding: 0; |
| 547 | 535 | } |
| 548 | - | |
| 549 | 536 | :where(.tr-root) ol, |
| 550 | 537 | :where(.tr-root) ul, |
| 551 | 538 | :where(.tr-root) menu { |
| 552 | 539 | list-style: none; |
| @@ -552,59 +539,47 @@ | ||
| 552 | 539 | list-style: none; |
| 553 | 540 | margin: 0; |
| 554 | 541 | padding: 0; |
| 555 | 542 | } |
| 556 | - | |
| 557 | 543 | /* |
| 558 | 544 | Reset default styling for dialogs. |
| 559 | 545 | */ |
| 560 | - | |
| 561 | 546 | :where(.tr-root) dialog { |
| 562 | 547 | padding: 0; |
| 563 | 548 | } |
| 564 | - | |
| 565 | 549 | /* |
| 566 | 550 | Prevent resizing textareas horizontally by default. |
| 567 | 551 | */ |
| 568 | - | |
| 569 | 552 | :where(.tr-root) textarea { |
| 570 | 553 | resize: vertical; |
| 571 | 554 | } |
| 572 | - | |
| 573 | 555 | /* |
| 574 | 556 | 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) |
| 575 | 557 | 2. Set the default placeholder color to the user's configured gray 400 color. |
| 576 | 558 | */ |
| 577 | - | |
| 578 | 559 | :where(.tr-root) input::placeholder, |
| 579 | 560 | :where(.tr-root) textarea::placeholder { |
| 580 | 561 | opacity: 1; /* 1 */ |
| 581 | 562 | color: #9ca3af; /* 2 */ |
| 582 | 563 | } |
| 583 | - | |
| 584 | 564 | /* |
| 585 | 565 | Set the default cursor for buttons. |
| 586 | 566 | */ |
| 587 | - | |
| 588 | 567 | :where(.tr-root) button, |
| 589 | 568 | :where(.tr-root) [role="button"] { |
| 590 | 569 | cursor: pointer; |
| 591 | 570 | } |
| 592 | - | |
| 593 | 571 | /* |
| 594 | 572 | Make sure disabled buttons don't get the pointer cursor. |
| 595 | 573 | */ |
| 596 | - | |
| 597 | 574 | :where(.tr-root) :disabled { |
| 598 | 575 | cursor: default; |
| 599 | 576 | } |
| 600 | - | |
| 601 | 577 | /* |
| 602 | 578 | 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) |
| 603 | 579 | 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) |
| 604 | 580 | This can trigger a poorly considered lint error in some tools but is included by design. |
| 605 | 581 | */ |
| 606 | - | |
| 607 | 582 | :where(.tr-root) img, |
| 608 | 583 | :where(.tr-root) svg, |
| 609 | 584 | :where(.tr-root) video, |
| 610 | 585 | :where(.tr-root) canvas, |
| @@ -614,21 +589,17 @@ | ||
| 614 | 589 | :where(.tr-root) object { |
| 615 | 590 | display: block; /* 1 */ |
| 616 | 591 | vertical-align: middle; /* 2 */ |
| 617 | 592 | } |
| 618 | - | |
| 619 | 593 | /* |
| 620 | 594 | Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) |
| 621 | 595 | */ |
| 622 | - | |
| 623 | 596 | :where(.tr-root) img, |
| 624 | 597 | :where(.tr-root) video { |
| 625 | 598 | max-width: 100%; |
| 626 | 599 | height: auto; |
| 627 | 600 | } |
| 628 | - | |
| 629 | 601 | /* Make elements with the HTML hidden attribute stay hidden by default */ |
| 630 | - | |
| 631 | 602 | :where(.tr-root) [hidden]:where(:not([hidden="until-found"])) { |
| 632 | 603 | display: none; |
| 633 | 604 | } |
| 634 | 605 | .tr-root .tr-pointer-events-none{ |
| @@ -642,8 +613,11 @@ | ||
| 642 | 613 | } |
| 643 | 614 | .tr-root .tr-relative{ |
| 644 | 615 | position: relative; |
| 645 | 616 | } |
| 617 | +.tr-root .tr-sticky{ | |
| 618 | + position: sticky; | |
| 619 | +} | |
| 646 | 620 | .tr-root .tr-inset-0{ |
| 647 | 621 | inset: 0px; |
| 648 | 622 | } |
| 649 | 623 | .tr-root .tr-inset-x-0{ |
| @@ -665,8 +639,11 @@ | ||
| 665 | 639 | } |
| 666 | 640 | .tr-root .tr-bottom-0{ |
| 667 | 641 | bottom: 0px; |
| 668 | 642 | } |
| 643 | +.tr-root .tr-bottom-0\.5{ | |
| 644 | + bottom: 0.125rem; | |
| 645 | +} | |
| 669 | 646 | .tr-root .tr-bottom-1\.5{ |
| 670 | 647 | bottom: 0.375rem; |
| 671 | 648 | } |
| 672 | 649 | .tr-root .tr-bottom-\[-3rem\]{ |
| @@ -695,8 +672,11 @@ | ||
| 695 | 672 | } |
| 696 | 673 | .tr-root .tr-left-full{ |
| 697 | 674 | left: 100%; |
| 698 | 675 | } |
| 676 | +.tr-root .tr-right-1{ | |
| 677 | + right: 0.25rem; | |
| 678 | +} | |
| 699 | 679 | .tr-root .tr-right-2{ |
| 700 | 680 | right: 0.5rem; |
| 701 | 681 | } |
| 702 | 682 | .tr-root .tr-right-3{ |
| @@ -710,8 +690,14 @@ | ||
| 710 | 690 | } |
| 711 | 691 | .tr-root .tr-right-full{ |
| 712 | 692 | right: 100%; |
| 713 | 693 | } |
| 694 | +.tr-root .tr-top-0{ | |
| 695 | + top: 0px; | |
| 696 | +} | |
| 697 | +.tr-root .tr-top-1{ | |
| 698 | + top: 0.25rem; | |
| 699 | +} | |
| 714 | 700 | .tr-root .tr-top-1\.5{ |
| 715 | 701 | top: 0.375rem; |
| 716 | 702 | } |
| 717 | 703 | .tr-root .tr-top-1\/2{ |
| @@ -728,8 +714,14 @@ | ||
| 728 | 714 | } |
| 729 | 715 | .tr-root .tr-top-full{ |
| 730 | 716 | top: 100%; |
| 731 | 717 | } |
| 718 | +.tr-root .tr-z-10{ | |
| 719 | + z-index: 10; | |
| 720 | +} | |
| 721 | +.tr-root .tr-z-20{ | |
| 722 | + z-index: 20; | |
| 723 | +} | |
| 732 | 724 | .tr-root .tr-z-50{ |
| 733 | 725 | z-index: 50; |
| 734 | 726 | } |
| 735 | 727 | .tr-root .tr-z-\[99990\]{ |
| @@ -755,8 +747,12 @@ | ||
| 755 | 747 | .tr-root .tr-mx-auto{ |
| 756 | 748 | margin-left: auto; |
| 757 | 749 | margin-right: auto; |
| 758 | 750 | } |
| 751 | +.tr-root .tr-my-3{ | |
| 752 | + margin-top: 0.75rem; | |
| 753 | + margin-bottom: 0.75rem; | |
| 754 | +} | |
| 759 | 755 | .tr-root .tr-my-5{ |
| 760 | 756 | margin-top: 1.25rem; |
| 761 | 757 | margin-bottom: 1.25rem; |
| 762 | 758 | } |
| @@ -939,10 +935,10 @@ | ||
| 939 | 935 | } |
| 940 | 936 | .tr-root .tr-h-2\.5{ |
| 941 | 937 | height: 0.625rem; |
| 942 | 938 | } |
| 943 | -.tr-root .tr-h-24{ | |
| 944 | - height: 6rem; | |
| 939 | +.tr-root .tr-h-20{ | |
| 940 | + height: 5rem; | |
| 945 | 941 | } |
| 946 | 942 | .tr-root .tr-h-3{ |
| 947 | 943 | height: 0.75rem; |
| 948 | 944 | } |
| @@ -981,11 +977,8 @@ | ||
| 981 | 977 | } |
| 982 | 978 | .tr-root .tr-h-\[72px\]{ |
| 983 | 979 | height: 72px; |
| 984 | 980 | } |
| 985 | -.tr-root .tr-h-auto{ | |
| 986 | - height: auto; | |
| 987 | -} | |
| 988 | 981 | .tr-root .tr-h-full{ |
| 989 | 982 | height: 100%; |
| 990 | 983 | } |
| 991 | 984 | .tr-root .tr-h-px{ |
| @@ -990,8 +983,17 @@ | ||
| 990 | 983 | } |
| 991 | 984 | .tr-root .tr-h-px{ |
| 992 | 985 | height: 1px; |
| 993 | 986 | } |
| 987 | +.tr-root .tr-max-h-80{ | |
| 988 | + max-height: 20rem; | |
| 989 | +} | |
| 990 | +.tr-root .tr-max-h-\[70vh\]{ | |
| 991 | + max-height: 70vh; | |
| 992 | +} | |
| 993 | +.tr-root .tr-max-h-full{ | |
| 994 | + max-height: 100%; | |
| 995 | +} | |
| 994 | 996 | .tr-root .tr-min-h-0{ |
| 995 | 997 | min-height: 0px; |
| 996 | 998 | } |
| 997 | 999 | .tr-root .tr-min-h-10{ |
| @@ -1035,8 +1037,11 @@ | ||
| 1035 | 1037 | } |
| 1036 | 1038 | .tr-root .tr-w-2\/3{ |
| 1037 | 1039 | width: 66.666667%; |
| 1038 | 1040 | } |
| 1041 | +.tr-root .tr-w-20{ | |
| 1042 | + width: 5rem; | |
| 1043 | +} | |
| 1039 | 1044 | .tr-root .tr-w-24{ |
| 1040 | 1045 | width: 6rem; |
| 1041 | 1046 | } |
| 1042 | 1047 | .tr-root .tr-w-3{ |
| @@ -1068,11 +1073,20 @@ | ||
| 1068 | 1073 | } |
| 1069 | 1074 | .tr-root .tr-w-5{ |
| 1070 | 1075 | width: 1.25rem; |
| 1071 | 1076 | } |
| 1077 | +.tr-root .tr-w-52{ | |
| 1078 | + width: 13rem; | |
| 1079 | +} | |
| 1080 | +.tr-root .tr-w-56{ | |
| 1081 | + width: 14rem; | |
| 1082 | +} | |
| 1072 | 1083 | .tr-root .tr-w-6{ |
| 1073 | 1084 | width: 1.5rem; |
| 1074 | 1085 | } |
| 1086 | +.tr-root .tr-w-64{ | |
| 1087 | + width: 16rem; | |
| 1088 | +} | |
| 1075 | 1089 | .tr-root .tr-w-7{ |
| 1076 | 1090 | width: 1.75rem; |
| 1077 | 1091 | } |
| 1078 | 1092 | .tr-root .tr-w-72{ |
| @@ -1083,17 +1097,32 @@ | ||
| 1083 | 1097 | } |
| 1084 | 1098 | .tr-root .tr-w-9{ |
| 1085 | 1099 | width: 2.25rem; |
| 1086 | 1100 | } |
| 1101 | +.tr-root .tr-w-\[12\%\]{ | |
| 1102 | + width: 12%; | |
| 1103 | +} | |
| 1087 | 1104 | .tr-root .tr-w-\[18px\]{ |
| 1088 | 1105 | width: 18px; |
| 1089 | 1106 | } |
| 1107 | +.tr-root .tr-w-\[200px\]{ | |
| 1108 | + width: 200px; | |
| 1109 | +} | |
| 1110 | +.tr-root .tr-w-\[21\%\]{ | |
| 1111 | + width: 21%; | |
| 1112 | +} | |
| 1090 | 1113 | .tr-root .tr-w-\[22px\]{ |
| 1091 | 1114 | width: 22px; |
| 1092 | 1115 | } |
| 1116 | +.tr-root .tr-w-\[23\%\]{ | |
| 1117 | + width: 23%; | |
| 1118 | +} | |
| 1093 | 1119 | .tr-root .tr-w-\[260px\]{ |
| 1094 | 1120 | width: 260px; |
| 1095 | 1121 | } |
| 1122 | +.tr-root .tr-w-\[36\%\]{ | |
| 1123 | + width: 36%; | |
| 1124 | +} | |
| 1096 | 1125 | .tr-root .tr-w-full{ |
| 1097 | 1126 | width: 100%; |
| 1098 | 1127 | } |
| 1099 | 1128 | .tr-root .tr-w-max{ |
| @@ -1113,11 +1142,8 @@ | ||
| 1113 | 1142 | } |
| 1114 | 1143 | .tr-root .tr-min-w-\[120px\]{ |
| 1115 | 1144 | min-width: 120px; |
| 1116 | 1145 | } |
| 1117 | -.tr-root .tr-min-w-\[160px\]{ | |
| 1118 | - min-width: 160px; | |
| 1119 | -} | |
| 1120 | 1146 | .tr-root .tr-min-w-\[16px\]{ |
| 1121 | 1147 | min-width: 16px; |
| 1122 | 1148 | } |
| 1123 | 1149 | .tr-root .tr-min-w-\[170px\]{ |
| @@ -1122,20 +1148,29 @@ | ||
| 1122 | 1148 | } |
| 1123 | 1149 | .tr-root .tr-min-w-\[170px\]{ |
| 1124 | 1150 | min-width: 170px; |
| 1125 | 1151 | } |
| 1152 | +.tr-root .tr-min-w-\[180px\]{ | |
| 1153 | + min-width: 180px; | |
| 1154 | +} | |
| 1126 | 1155 | .tr-root .tr-min-w-\[18px\]{ |
| 1127 | 1156 | min-width: 18px; |
| 1128 | 1157 | } |
| 1158 | +.tr-root .tr-min-w-\[200px\]{ | |
| 1159 | + min-width: 200px; | |
| 1160 | +} | |
| 1129 | 1161 | .tr-root .tr-min-w-\[20px\]{ |
| 1130 | 1162 | min-width: 20px; |
| 1131 | 1163 | } |
| 1132 | -.tr-root .tr-min-w-\[220px\]{ | |
| 1133 | - min-width: 220px; | |
| 1164 | +.tr-root .tr-min-w-\[260px\]{ | |
| 1165 | + min-width: 260px; | |
| 1134 | 1166 | } |
| 1135 | -.tr-root .tr-min-w-\[240px\]{ | |
| 1136 | - min-width: 240px; | |
| 1167 | +.tr-root .tr-min-w-\[8rem\]{ | |
| 1168 | + min-width: 8rem; | |
| 1137 | 1169 | } |
| 1170 | +.tr-root .tr-min-w-\[940px\]{ | |
| 1171 | + min-width: 940px; | |
| 1172 | +} | |
| 1138 | 1173 | .tr-root .tr-max-w-2xl{ |
| 1139 | 1174 | max-width: 42rem; |
| 1140 | 1175 | } |
| 1141 | 1176 | .tr-root .tr-max-w-4xl{ |
| @@ -1220,9 +1255,8 @@ | ||
| 1220 | 1255 | .tr-root .tr-animate-\[fadeIn_150ms_ease-out\]{ |
| 1221 | 1256 | animation: fadeIn 150ms ease-out; |
| 1222 | 1257 | } |
| 1223 | 1258 | @keyframes tr-pulse{ |
| 1224 | - | |
| 1225 | 1259 | 50%{ |
| 1226 | 1260 | opacity: .5; |
| 1227 | 1261 | } |
| 1228 | 1262 | } |
| @@ -1229,13 +1263,11 @@ | ||
| 1229 | 1263 | .tr-root .tr-animate-pulse{ |
| 1230 | 1264 | animation: tr-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; |
| 1231 | 1265 | } |
| 1232 | 1266 | @keyframes tr-skeleton-pulse{ |
| 1233 | - | |
| 1234 | 1267 | 0%, 100%{ |
| 1235 | 1268 | opacity: 1; |
| 1236 | 1269 | } |
| 1237 | - | |
| 1238 | 1270 | 50%{ |
| 1239 | 1271 | opacity: 0.4; |
| 1240 | 1272 | } |
| 1241 | 1273 | } |
| @@ -1242,9 +1274,8 @@ | ||
| 1242 | 1274 | .tr-root .tr-animate-skeleton-pulse{ |
| 1243 | 1275 | animation: tr-skeleton-pulse 1.5s ease-in-out infinite; |
| 1244 | 1276 | } |
| 1245 | 1277 | @keyframes tr-spin{ |
| 1246 | - | |
| 1247 | 1278 | to{ |
| 1248 | 1279 | transform: rotate(360deg); |
| 1249 | 1280 | } |
| 1250 | 1281 | } |
| @@ -1383,14 +1414,49 @@ | ||
| 1383 | 1414 | } |
| 1384 | 1415 | .tr-root .tr-gap-px{ |
| 1385 | 1416 | gap: 1px; |
| 1386 | 1417 | } |
| 1418 | +.tr-root .tr-gap-x-10{ | |
| 1419 | + column-gap: 2.5rem; | |
| 1420 | +} | |
| 1421 | +.tr-root .tr-gap-x-2{ | |
| 1422 | + column-gap: 0.5rem; | |
| 1423 | +} | |
| 1424 | +.tr-root .tr-gap-x-3{ | |
| 1425 | + column-gap: 0.75rem; | |
| 1426 | +} | |
| 1427 | +.tr-root .tr-gap-x-4{ | |
| 1428 | + column-gap: 1rem; | |
| 1429 | +} | |
| 1387 | 1430 | .tr-root .tr-gap-x-5{ |
| 1388 | 1431 | column-gap: 1.25rem; |
| 1389 | 1432 | } |
| 1433 | +.tr-root .tr-gap-x-6{ | |
| 1434 | + column-gap: 1.5rem; | |
| 1435 | +} | |
| 1436 | +.tr-root .tr-gap-x-8{ | |
| 1437 | + column-gap: 2rem; | |
| 1438 | +} | |
| 1439 | +.tr-root .tr-gap-y-1{ | |
| 1440 | + row-gap: 0.25rem; | |
| 1441 | +} | |
| 1390 | 1442 | .tr-root .tr-gap-y-2{ |
| 1391 | 1443 | row-gap: 0.5rem; |
| 1392 | 1444 | } |
| 1445 | +.tr-root .tr-gap-y-2\.5{ | |
| 1446 | + row-gap: 0.625rem; | |
| 1447 | +} | |
| 1448 | +.tr-root .tr-gap-y-4{ | |
| 1449 | + row-gap: 1rem; | |
| 1450 | +} | |
| 1451 | +.tr-root .tr-gap-y-5{ | |
| 1452 | + row-gap: 1.25rem; | |
| 1453 | +} | |
| 1454 | +.tr-root :is(.tr-space-y-1 > :not([hidden]) ~ :not([hidden])){ | |
| 1455 | + --tw-space-y-reverse: 0; | |
| 1456 | + margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); | |
| 1457 | + margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); | |
| 1458 | +} | |
| 1393 | 1459 | .tr-root :is(.tr-divide-y > :not([hidden]) ~ :not([hidden])){ |
| 1394 | 1460 | --tw-divide-y-reverse: 0; |
| 1395 | 1461 | border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); |
| 1396 | 1462 | border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); |
| @@ -1398,11 +1464,18 @@ | ||
| 1398 | 1464 | .tr-root :is(.tr-divide-line-2 > :not([hidden]) ~ :not([hidden])){ |
| 1399 | 1465 | --tw-divide-opacity: 1; |
| 1400 | 1466 | border-color: rgb(226 230 241 / var(--tw-divide-opacity, 1)); |
| 1401 | 1467 | } |
| 1468 | +.tr-root :is(.tr-divide-secondary > :not([hidden]) ~ :not([hidden])){ | |
| 1469 | + --tw-divide-opacity: 1; | |
| 1470 | + border-color: rgb(226 230 241 / var(--tw-divide-opacity, 1)); | |
| 1471 | +} | |
| 1402 | 1472 | .tr-root .tr-self-start{ |
| 1403 | 1473 | align-self: flex-start; |
| 1404 | 1474 | } |
| 1475 | +.tr-root .tr-overflow-auto{ | |
| 1476 | + overflow: auto; | |
| 1477 | +} | |
| 1405 | 1478 | .tr-root .tr-overflow-hidden{ |
| 1406 | 1479 | overflow: hidden; |
| 1407 | 1480 | } |
| 1408 | 1481 | .tr-root .tr-overflow-x-auto{ |
| @@ -1418,8 +1491,11 @@ | ||
| 1418 | 1491 | } |
| 1419 | 1492 | .tr-root .tr-whitespace-nowrap{ |
| 1420 | 1493 | white-space: nowrap; |
| 1421 | 1494 | } |
| 1495 | +.tr-root .tr-whitespace-pre{ | |
| 1496 | + white-space: pre; | |
| 1497 | +} | |
| 1422 | 1498 | .tr-root .tr-whitespace-pre-wrap{ |
| 1423 | 1499 | white-space: pre-wrap; |
| 1424 | 1500 | } |
| 1425 | 1501 | .tr-root .tr-break-words{ |
| @@ -1452,12 +1528,8 @@ | ||
| 1452 | 1528 | .tr-root .tr-rounded-r{ |
| 1453 | 1529 | border-top-right-radius: 6px; |
| 1454 | 1530 | border-bottom-right-radius: 6px; |
| 1455 | 1531 | } |
| 1456 | -.tr-root .tr-rounded-t{ | |
| 1457 | - border-top-left-radius: 6px; | |
| 1458 | - border-top-right-radius: 6px; | |
| 1459 | -} | |
| 1460 | 1532 | .tr-root .tr-border{ |
| 1461 | 1533 | border-width: 1px; |
| 1462 | 1534 | } |
| 1463 | 1535 | .tr-root .tr-border-0{ |
| @@ -1468,8 +1540,12 @@ | ||
| 1468 | 1540 | } |
| 1469 | 1541 | .tr-root .tr-border-\[1\.5px\]{ |
| 1470 | 1542 | border-width: 1.5px; |
| 1471 | 1543 | } |
| 1544 | +.tr-root .tr-border-y{ | |
| 1545 | + border-top-width: 1px; | |
| 1546 | + border-bottom-width: 1px; | |
| 1547 | +} | |
| 1472 | 1548 | .tr-root .tr-border-b{ |
| 1473 | 1549 | border-bottom-width: 1px; |
| 1474 | 1550 | } |
| 1475 | 1551 | .tr-root .tr-border-b-2{ |
| @@ -1495,19 +1571,19 @@ | ||
| 1495 | 1571 | } |
| 1496 | 1572 | .tr-root .tr-border-dashed{ |
| 1497 | 1573 | border-style: dashed; |
| 1498 | 1574 | } |
| 1499 | -.tr-root .tr-border-\[\#ddd\]{ | |
| 1575 | +.tr-root .tr-border-amber-200{ | |
| 1500 | 1576 | --tw-border-opacity: 1; |
| 1501 | - border-color: rgb(221 221 221 / var(--tw-border-opacity, 1)); | |
| 1577 | + border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); | |
| 1502 | 1578 | } |
| 1503 | -.tr-root .tr-border-\[\#eee\]{ | |
| 1579 | +.tr-root .tr-border-blue-100{ | |
| 1504 | 1580 | --tw-border-opacity: 1; |
| 1505 | - border-color: rgb(238 238 238 / var(--tw-border-opacity, 1)); | |
| 1581 | + border-color: rgb(219 234 254 / var(--tw-border-opacity, 1)); | |
| 1506 | 1582 | } |
| 1507 | -.tr-root .tr-border-blue-100{ | |
| 1583 | +.tr-root .tr-border-blue-200{ | |
| 1508 | 1584 | --tw-border-opacity: 1; |
| 1509 | - border-color: rgb(219 234 254 / var(--tw-border-opacity, 1)); | |
| 1585 | + border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); | |
| 1510 | 1586 | } |
| 1511 | 1587 | .tr-root .tr-border-brand{ |
| 1512 | 1588 | --tw-border-opacity: 1; |
| 1513 | 1589 | border-color: rgb(68 81 255 / var(--tw-border-opacity, 1)); |
| @@ -1521,8 +1597,12 @@ | ||
| 1521 | 1597 | } |
| 1522 | 1598 | .tr-root .tr-border-danger\/30{ |
| 1523 | 1599 | border-color: rgb(146 28 19 / 0.3); |
| 1524 | 1600 | } |
| 1601 | +.tr-root .tr-border-emerald-200{ | |
| 1602 | + --tw-border-opacity: 1; | |
| 1603 | + border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); | |
| 1604 | +} | |
| 1525 | 1605 | .tr-root .tr-border-line{ |
| 1526 | 1606 | --tw-border-opacity: 1; |
| 1527 | 1607 | border-color: rgb(213 213 221 / var(--tw-border-opacity, 1)); |
| 1528 | 1608 | } |
| @@ -1558,8 +1638,12 @@ | ||
| 1558 | 1638 | } |
| 1559 | 1639 | .tr-root .tr-border-transparent{ |
| 1560 | 1640 | border-color: transparent; |
| 1561 | 1641 | } |
| 1642 | +.tr-root .tr-border-violet-200{ | |
| 1643 | + --tw-border-opacity: 1; | |
| 1644 | + border-color: rgb(221 214 254 / var(--tw-border-opacity, 1)); | |
| 1645 | +} | |
| 1562 | 1646 | .tr-root .tr-border-warning{ |
| 1563 | 1647 | --tw-border-opacity: 1; |
| 1564 | 1648 | border-color: rgb(181 71 8 / var(--tw-border-opacity, 1)); |
| 1565 | 1649 | } |
| @@ -1580,8 +1664,15 @@ | ||
| 1580 | 1664 | .tr-root .tr-border-b-\[\#E5E7EB\]{ |
| 1581 | 1665 | --tw-border-opacity: 1; |
| 1582 | 1666 | border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); |
| 1583 | 1667 | } |
| 1668 | +.tr-root .tr-border-l-brand{ | |
| 1669 | + --tw-border-opacity: 1; | |
| 1670 | + border-left-color: rgb(68 81 255 / var(--tw-border-opacity, 1)); | |
| 1671 | +} | |
| 1672 | +.tr-root .tr-border-l-transparent{ | |
| 1673 | + border-left-color: transparent; | |
| 1674 | +} | |
| 1584 | 1675 | .tr-root .tr-border-t-transparent{ |
| 1585 | 1676 | border-top-color: transparent; |
| 1586 | 1677 | } |
| 1587 | 1678 | .tr-root .tr-bg-\[\#EEF0F7\]{ |
| @@ -1591,19 +1682,23 @@ | ||
| 1591 | 1682 | .tr-root .tr-bg-\[\#F2F3F5\]{ |
| 1592 | 1683 | --tw-bg-opacity: 1; |
| 1593 | 1684 | background-color: rgb(242 243 245 / var(--tw-bg-opacity, 1)); |
| 1594 | 1685 | } |
| 1686 | +.tr-root .tr-bg-\[\#F5F6FA\]{ | |
| 1687 | + --tw-bg-opacity: 1; | |
| 1688 | + background-color: rgb(245 246 250 / var(--tw-bg-opacity, 1)); | |
| 1689 | +} | |
| 1595 | 1690 | .tr-root .tr-bg-\[\#F6F7FB\]{ |
| 1596 | 1691 | --tw-bg-opacity: 1; |
| 1597 | 1692 | background-color: rgb(246 247 251 / var(--tw-bg-opacity, 1)); |
| 1598 | 1693 | } |
| 1599 | -.tr-root .tr-bg-\[\#F7F8FA\]{ | |
| 1694 | +.tr-root .tr-bg-\[\#F7F8FB\]{ | |
| 1600 | 1695 | --tw-bg-opacity: 1; |
| 1601 | - background-color: rgb(247 248 250 / var(--tw-bg-opacity, 1)); | |
| 1696 | + background-color: rgb(247 248 251 / var(--tw-bg-opacity, 1)); | |
| 1602 | 1697 | } |
| 1603 | -.tr-root .tr-bg-\[\#F7F8FB\]{ | |
| 1698 | +.tr-root .tr-bg-\[\#FAFBFC\]{ | |
| 1604 | 1699 | --tw-bg-opacity: 1; |
| 1605 | - background-color: rgb(247 248 251 / var(--tw-bg-opacity, 1)); | |
| 1700 | + background-color: rgb(250 251 252 / var(--tw-bg-opacity, 1)); | |
| 1606 | 1701 | } |
| 1607 | 1702 | .tr-root .tr-bg-\[\#ecfdf3\]{ |
| 1608 | 1703 | --tw-bg-opacity: 1; |
| 1609 | 1704 | background-color: rgb(236 253 243 / var(--tw-bg-opacity, 1)); |
| @@ -1611,12 +1706,8 @@ | ||
| 1611 | 1706 | .tr-root .tr-bg-\[\#f2f4f7\]{ |
| 1612 | 1707 | --tw-bg-opacity: 1; |
| 1613 | 1708 | background-color: rgb(242 244 247 / var(--tw-bg-opacity, 1)); |
| 1614 | 1709 | } |
| 1615 | -.tr-root .tr-bg-\[\#fafafa\]{ | |
| 1616 | - --tw-bg-opacity: 1; | |
| 1617 | - background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); | |
| 1618 | -} | |
| 1619 | 1710 | .tr-root .tr-bg-\[\#fef3f2\]{ |
| 1620 | 1711 | --tw-bg-opacity: 1; |
| 1621 | 1712 | background-color: rgb(254 243 242 / var(--tw-bg-opacity, 1)); |
| 1622 | 1713 | } |
| @@ -1652,8 +1743,11 @@ | ||
| 1652 | 1743 | .tr-root .tr-bg-brand-bg{ |
| 1653 | 1744 | --tw-bg-opacity: 1; |
| 1654 | 1745 | background-color: rgb(238 240 255 / var(--tw-bg-opacity, 1)); |
| 1655 | 1746 | } |
| 1747 | +.tr-root .tr-bg-brand-bg\/30{ | |
| 1748 | + background-color: rgb(238 240 255 / 0.3); | |
| 1749 | +} | |
| 1656 | 1750 | .tr-root .tr-bg-brand-bg\/40{ |
| 1657 | 1751 | background-color: rgb(238 240 255 / 0.4); |
| 1658 | 1752 | } |
| 1659 | 1753 | .tr-root .tr-bg-cyan-50{ |
| @@ -1698,8 +1792,14 @@ | ||
| 1698 | 1792 | .tr-root .tr-bg-line-2{ |
| 1699 | 1793 | --tw-bg-opacity: 1; |
| 1700 | 1794 | background-color: rgb(226 230 241 / var(--tw-bg-opacity, 1)); |
| 1701 | 1795 | } |
| 1796 | +.tr-root .tr-bg-line-2\/30{ | |
| 1797 | + background-color: rgb(226 230 241 / 0.3); | |
| 1798 | +} | |
| 1799 | +.tr-root .tr-bg-line-2\/40{ | |
| 1800 | + background-color: rgb(226 230 241 / 0.4); | |
| 1801 | +} | |
| 1702 | 1802 | .tr-root .tr-bg-orange-100{ |
| 1703 | 1803 | --tw-bg-opacity: 1; |
| 1704 | 1804 | background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); |
| 1705 | 1805 | } |
| @@ -1710,8 +1810,12 @@ | ||
| 1710 | 1810 | .tr-root .tr-bg-red-100{ |
| 1711 | 1811 | --tw-bg-opacity: 1; |
| 1712 | 1812 | background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); |
| 1713 | 1813 | } |
| 1814 | +.tr-root .tr-bg-slate-50{ | |
| 1815 | + --tw-bg-opacity: 1; | |
| 1816 | + background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); | |
| 1817 | +} | |
| 1714 | 1818 | .tr-root .tr-bg-success{ |
| 1715 | 1819 | --tw-bg-opacity: 1; |
| 1716 | 1820 | background-color: rgb(2 122 72 / var(--tw-bg-opacity, 1)); |
| 1717 | 1821 | } |
| @@ -1724,8 +1828,12 @@ | ||
| 1724 | 1828 | } |
| 1725 | 1829 | .tr-root .tr-bg-transparent{ |
| 1726 | 1830 | background-color: transparent; |
| 1727 | 1831 | } |
| 1832 | +.tr-root .tr-bg-violet-50{ | |
| 1833 | + --tw-bg-opacity: 1; | |
| 1834 | + background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1)); | |
| 1835 | +} | |
| 1728 | 1836 | .tr-root .tr-bg-warning{ |
| 1729 | 1837 | --tw-bg-opacity: 1; |
| 1730 | 1838 | background-color: rgb(181 71 8 / var(--tw-bg-opacity, 1)); |
| 1731 | 1839 | } |
| @@ -1748,8 +1856,11 @@ | ||
| 1748 | 1856 | } |
| 1749 | 1857 | .tr-root .tr-bg-white\/5{ |
| 1750 | 1858 | background-color: rgb(255 255 255 / 0.05); |
| 1751 | 1859 | } |
| 1860 | +.tr-root .tr-bg-white\/90{ | |
| 1861 | + background-color: rgb(255 255 255 / 0.9); | |
| 1862 | +} | |
| 1752 | 1863 | .tr-root .tr-bg-yellow-100{ |
| 1753 | 1864 | --tw-bg-opacity: 1; |
| 1754 | 1865 | background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); |
| 1755 | 1866 | } |
| @@ -1774,8 +1885,11 @@ | ||
| 1774 | 1885 | } |
| 1775 | 1886 | .tr-root .tr-p-1{ |
| 1776 | 1887 | padding: 0.25rem; |
| 1777 | 1888 | } |
| 1889 | +.tr-root .tr-p-1\.5{ | |
| 1890 | + padding: 0.375rem; | |
| 1891 | +} | |
| 1778 | 1892 | .tr-root .tr-p-10{ |
| 1779 | 1893 | padding: 2.5rem; |
| 1780 | 1894 | } |
| 1781 | 1895 | .tr-root .tr-p-12{ |
| @@ -1827,12 +1941,8 @@ | ||
| 1827 | 1941 | .tr-root .tr-px-3{ |
| 1828 | 1942 | padding-left: 0.75rem; |
| 1829 | 1943 | padding-right: 0.75rem; |
| 1830 | 1944 | } |
| 1831 | -.tr-root .tr-px-3\.5{ | |
| 1832 | - padding-left: 0.875rem; | |
| 1833 | - padding-right: 0.875rem; | |
| 1834 | -} | |
| 1835 | 1945 | .tr-root .tr-px-4{ |
| 1836 | 1946 | padding-left: 1rem; |
| 1837 | 1947 | padding-right: 1rem; |
| 1838 | 1948 | } |
| @@ -1887,8 +1997,12 @@ | ||
| 1887 | 1997 | .tr-root .tr-py-6{ |
| 1888 | 1998 | padding-top: 1.5rem; |
| 1889 | 1999 | padding-bottom: 1.5rem; |
| 1890 | 2000 | } |
| 2001 | +.tr-root .tr-py-7{ | |
| 2002 | + padding-top: 1.75rem; | |
| 2003 | + padding-bottom: 1.75rem; | |
| 2004 | +} | |
| 1891 | 2005 | .tr-root .tr-py-8{ |
| 1892 | 2006 | padding-top: 2rem; |
| 1893 | 2007 | padding-bottom: 2rem; |
| 1894 | 2008 | } |
| @@ -1895,8 +2009,14 @@ | ||
| 1895 | 2009 | .tr-root .tr-py-px{ |
| 1896 | 2010 | padding-top: 1px; |
| 1897 | 2011 | padding-bottom: 1px; |
| 1898 | 2012 | } |
| 2013 | +.tr-root .tr-pb-0{ | |
| 2014 | + padding-bottom: 0px; | |
| 2015 | +} | |
| 2016 | +.tr-root .tr-pb-2{ | |
| 2017 | + padding-bottom: 0.5rem; | |
| 2018 | +} | |
| 1899 | 2019 | .tr-root .tr-pb-3{ |
| 1900 | 2020 | padding-bottom: 0.75rem; |
| 1901 | 2021 | } |
| 1902 | 2022 | .tr-root .tr-pb-4{ |
| @@ -1907,8 +2027,11 @@ | ||
| 1907 | 2027 | } |
| 1908 | 2028 | .tr-root .tr-pb-6{ |
| 1909 | 2029 | padding-bottom: 1.5rem; |
| 1910 | 2030 | } |
| 2031 | +.tr-root .tr-pb-8{ | |
| 2032 | + padding-bottom: 2rem; | |
| 2033 | +} | |
| 1911 | 2034 | .tr-root .tr-pl-0{ |
| 1912 | 2035 | padding-left: 0px; |
| 1913 | 2036 | } |
| 1914 | 2037 | .tr-root .tr-pl-1{ |
| @@ -1916,11 +2039,8 @@ | ||
| 1916 | 2039 | } |
| 1917 | 2040 | .tr-root .tr-pl-1\.5{ |
| 1918 | 2041 | padding-left: 0.375rem; |
| 1919 | 2042 | } |
| 1920 | -.tr-root .tr-pl-11{ | |
| 1921 | - padding-left: 2.75rem; | |
| 1922 | -} | |
| 1923 | 2043 | .tr-root .tr-pl-2{ |
| 1924 | 2044 | padding-left: 0.5rem; |
| 1925 | 2045 | } |
| 1926 | 2046 | .tr-root .tr-pl-3{ |
| @@ -1982,8 +2102,14 @@ | ||
| 1982 | 2102 | } |
| 1983 | 2103 | .tr-root .tr-pt-6{ |
| 1984 | 2104 | padding-top: 1.5rem; |
| 1985 | 2105 | } |
| 2106 | +.tr-root .tr-pt-\[11px\]{ | |
| 2107 | + padding-top: 11px; | |
| 2108 | +} | |
| 2109 | +.tr-root .tr-pt-\[15px\]{ | |
| 2110 | + padding-top: 15px; | |
| 2111 | +} | |
| 1986 | 2112 | .tr-root .tr-text-left{ |
| 1987 | 2113 | text-align: left; |
| 1988 | 2114 | } |
| 1989 | 2115 | .tr-root .tr-text-center{ |
| @@ -2021,11 +2147,14 @@ | ||
| 2021 | 2147 | } |
| 2022 | 2148 | .tr-root .tr-text-\[11px\]{ |
| 2023 | 2149 | font-size: 11px; |
| 2024 | 2150 | } |
| 2025 | -.tr-root .tr-text-\[26px\]{ | |
| 2026 | - font-size: 26px; | |
| 2151 | +.tr-root .tr-text-\[13px\]{ | |
| 2152 | + font-size: 13px; | |
| 2027 | 2153 | } |
| 2154 | +.tr-root .tr-text-\[18px\]{ | |
| 2155 | + font-size: 18px; | |
| 2156 | +} | |
| 2028 | 2157 | .tr-root .tr-text-\[9px\]{ |
| 2029 | 2158 | font-size: 9px; |
| 2030 | 2159 | } |
| 2031 | 2160 | .tr-root .tr-text-base{ |
| @@ -2099,8 +2228,15 @@ | ||
| 2099 | 2228 | } |
| 2100 | 2229 | .tr-root .tr-tracking-wide{ |
| 2101 | 2230 | letter-spacing: 0.025em; |
| 2102 | 2231 | } |
| 2232 | +.tr-root .tr-tracking-wider{ | |
| 2233 | + letter-spacing: 0.05em; | |
| 2234 | +} | |
| 2235 | +.tr-root .tr-text-\[\#006621\]{ | |
| 2236 | + --tw-text-opacity: 1; | |
| 2237 | + color: rgb(0 102 33 / var(--tw-text-opacity, 1)); | |
| 2238 | +} | |
| 2103 | 2239 | .tr-root .tr-text-\[\#1a0dab\]{ |
| 2104 | 2240 | --tw-text-opacity: 1; |
| 2105 | 2241 | color: rgb(26 13 171 / var(--tw-text-opacity, 1)); |
| 2106 | 2242 | } |
| @@ -2148,8 +2284,12 @@ | ||
| 2148 | 2284 | .tr-root .tr-text-emerald-600{ |
| 2149 | 2285 | --tw-text-opacity: 1; |
| 2150 | 2286 | color: rgb(5 150 105 / var(--tw-text-opacity, 1)); |
| 2151 | 2287 | } |
| 2288 | +.tr-root .tr-text-emerald-700{ | |
| 2289 | + --tw-text-opacity: 1; | |
| 2290 | + color: rgb(4 120 87 / var(--tw-text-opacity, 1)); | |
| 2291 | +} | |
| 2152 | 2292 | .tr-root .tr-text-green-700{ |
| 2153 | 2293 | --tw-text-opacity: 1; |
| 2154 | 2294 | color: rgb(21 128 61 / var(--tw-text-opacity, 1)); |
| 2155 | 2295 | } |
| @@ -2164,8 +2304,12 @@ | ||
| 2164 | 2304 | .tr-root .tr-text-primary{ |
| 2165 | 2305 | --tw-text-opacity: 1; |
| 2166 | 2306 | color: rgb(29 29 29 / var(--tw-text-opacity, 1)); |
| 2167 | 2307 | } |
| 2308 | +.tr-root .tr-text-red-600{ | |
| 2309 | + --tw-text-opacity: 1; | |
| 2310 | + color: rgb(220 38 38 / var(--tw-text-opacity, 1)); | |
| 2311 | +} | |
| 2168 | 2312 | .tr-root .tr-text-red-700{ |
| 2169 | 2313 | --tw-text-opacity: 1; |
| 2170 | 2314 | color: rgb(185 28 28 / var(--tw-text-opacity, 1)); |
| 2171 | 2315 | } |
| @@ -2172,8 +2316,12 @@ | ||
| 2172 | 2316 | .tr-root .tr-text-secondary{ |
| 2173 | 2317 | --tw-text-opacity: 1; |
| 2174 | 2318 | color: rgb(83 83 83 / var(--tw-text-opacity, 1)); |
| 2175 | 2319 | } |
| 2320 | +.tr-root .tr-text-slate-300{ | |
| 2321 | + --tw-text-opacity: 1; | |
| 2322 | + color: rgb(203 213 225 / var(--tw-text-opacity, 1)); | |
| 2323 | +} | |
| 2176 | 2324 | .tr-root .tr-text-slate-400{ |
| 2177 | 2325 | --tw-text-opacity: 1; |
| 2178 | 2326 | color: rgb(148 163 184 / var(--tw-text-opacity, 1)); |
| 2179 | 2327 | } |
| @@ -2180,12 +2328,8 @@ | ||
| 2180 | 2328 | .tr-root .tr-text-slate-500{ |
| 2181 | 2329 | --tw-text-opacity: 1; |
| 2182 | 2330 | color: rgb(100 116 139 / var(--tw-text-opacity, 1)); |
| 2183 | 2331 | } |
| 2184 | -.tr-root .tr-text-slate-600{ | |
| 2185 | - --tw-text-opacity: 1; | |
| 2186 | - color: rgb(71 85 105 / var(--tw-text-opacity, 1)); | |
| 2187 | -} | |
| 2188 | 2332 | .tr-root .tr-text-slate-700{ |
| 2189 | 2333 | --tw-text-opacity: 1; |
| 2190 | 2334 | color: rgb(51 65 85 / var(--tw-text-opacity, 1)); |
| 2191 | 2335 | } |
| @@ -2210,8 +2354,12 @@ | ||
| 2210 | 2354 | .tr-root .tr-text-tertiary{ |
| 2211 | 2355 | --tw-text-opacity: 1; |
| 2212 | 2356 | color: rgb(90 92 94 / var(--tw-text-opacity, 1)); |
| 2213 | 2357 | } |
| 2358 | +.tr-root .tr-text-violet-700{ | |
| 2359 | + --tw-text-opacity: 1; | |
| 2360 | + color: rgb(109 40 217 / var(--tw-text-opacity, 1)); | |
| 2361 | +} | |
| 2214 | 2362 | .tr-root .tr-text-warning{ |
| 2215 | 2363 | --tw-text-opacity: 1; |
| 2216 | 2364 | color: rgb(181 71 8 / var(--tw-text-opacity, 1)); |
| 2217 | 2365 | } |
| @@ -2295,8 +2443,12 @@ | ||
| 2295 | 2443 | --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); |
| 2296 | 2444 | --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| 2297 | 2445 | box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); |
| 2298 | 2446 | } |
| 2447 | +.tr-root .tr-ring-brand-500{ | |
| 2448 | + --tw-ring-opacity: 1; | |
| 2449 | + --tw-ring-color: rgb(68 81 255 / var(--tw-ring-opacity, 1)); | |
| 2450 | +} | |
| 2299 | 2451 | .tr-root .tr-ring-white{ |
| 2300 | 2452 | --tw-ring-opacity: 1; |
| 2301 | 2453 | --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)); |
| 2302 | 2454 | } |
| @@ -2356,13 +2508,15 @@ | ||
| 2356 | 2508 | .tr-root .tr-ease-out{ |
| 2357 | 2509 | transition-timing-function: cubic-bezier(0, 0, 0.2, 1); |
| 2358 | 2510 | } |
| 2359 | 2511 | @media (prefers-reduced-motion: reduce) { |
| 2512 | + | |
| 2360 | 2513 | .tr-root .tr-animate-skeleton-pulse, |
| 2361 | 2514 | .tr-root .tr-animate-spin, |
| 2362 | 2515 | .tr-root .tr-animate-score-spin { |
| 2363 | 2516 | animation: none !important; |
| 2364 | 2517 | } |
| 2518 | + | |
| 2365 | 2519 | .tr-root .tr-transition, |
| 2366 | 2520 | .tr-root .tr-transition-colors, |
| 2367 | 2521 | .tr-root .tr-transition-transform, |
| 2368 | 2522 | .tr-root .tr-transition-opacity, |
| @@ -2368,13 +2522,15 @@ | ||
| 2368 | 2522 | .tr-root .tr-transition-opacity, |
| 2369 | 2523 | .tr-root .tr-transition-all { |
| 2370 | 2524 | transition: none !important; |
| 2371 | 2525 | } |
| 2526 | + | |
| 2372 | 2527 | .tr-root .tr-animate-skeleton-pulse, |
| 2373 | 2528 | .tr-root .tr-animate-spin, |
| 2374 | 2529 | .tr-root .tr-animate-score-spin { |
| 2375 | 2530 | animation: none !important; |
| 2376 | 2531 | } |
| 2532 | + | |
| 2377 | 2533 | .tr-root .tr-transition, |
| 2378 | 2534 | .tr-root .tr-transition-colors, |
| 2379 | 2535 | .tr-root .tr-transition-transform, |
| 2380 | 2536 | .tr-root .tr-transition-opacity, |
| @@ -2380,13 +2536,15 @@ | ||
| 2380 | 2536 | .tr-root .tr-transition-opacity, |
| 2381 | 2537 | .tr-root .tr-transition-all { |
| 2382 | 2538 | transition: none !important; |
| 2383 | 2539 | } |
| 2540 | + | |
| 2384 | 2541 | .tr-root .tr-animate-skeleton-pulse, |
| 2385 | 2542 | .tr-root .tr-animate-spin, |
| 2386 | 2543 | .tr-root .tr-animate-score-spin { |
| 2387 | 2544 | animation: none !important; |
| 2388 | 2545 | } |
| 2546 | + | |
| 2389 | 2547 | .tr-root .tr-transition, |
| 2390 | 2548 | .tr-root .tr-transition-colors, |
| 2391 | 2549 | .tr-root .tr-transition-transform, |
| 2392 | 2550 | .tr-root .tr-transition-opacity, |
| @@ -2392,13 +2550,15 @@ | ||
| 2392 | 2550 | .tr-root .tr-transition-opacity, |
| 2393 | 2551 | .tr-root .tr-transition-all { |
| 2394 | 2552 | transition: none !important; |
| 2395 | 2553 | } |
| 2554 | + | |
| 2396 | 2555 | .tr-root .tr-animate-skeleton-pulse, |
| 2397 | 2556 | .tr-root .tr-animate-spin, |
| 2398 | 2557 | .tr-root .tr-animate-score-spin { |
| 2399 | 2558 | animation: none !important; |
| 2400 | 2559 | } |
| 2560 | + | |
| 2401 | 2561 | .tr-root .tr-transition, |
| 2402 | 2562 | .tr-root .tr-transition-colors, |
| 2403 | 2563 | .tr-root .tr-transition-transform, |
| 2404 | 2564 | .tr-root .tr-transition-opacity, |
| @@ -2404,13 +2564,15 @@ | ||
| 2404 | 2564 | .tr-root .tr-transition-opacity, |
| 2405 | 2565 | .tr-root .tr-transition-all { |
| 2406 | 2566 | transition: none !important; |
| 2407 | 2567 | } |
| 2568 | + | |
| 2408 | 2569 | .tr-root .tr-animate-skeleton-pulse, |
| 2409 | 2570 | .tr-root .tr-animate-spin, |
| 2410 | 2571 | .tr-root .tr-animate-score-spin { |
| 2411 | 2572 | animation: none !important; |
| 2412 | 2573 | } |
| 2574 | + | |
| 2413 | 2575 | .tr-root .tr-transition, |
| 2414 | 2576 | .tr-root .tr-transition-colors, |
| 2415 | 2577 | .tr-root .tr-transition-transform, |
| 2416 | 2578 | .tr-root .tr-transition-opacity, |
| @@ -2416,13 +2578,15 @@ | ||
| 2416 | 2578 | .tr-root .tr-transition-opacity, |
| 2417 | 2579 | .tr-root .tr-transition-all { |
| 2418 | 2580 | transition: none !important; |
| 2419 | 2581 | } |
| 2582 | + | |
| 2420 | 2583 | .tr-root .tr-animate-skeleton-pulse, |
| 2421 | 2584 | .tr-root .tr-animate-spin, |
| 2422 | 2585 | .tr-root .tr-animate-score-spin { |
| 2423 | 2586 | animation: none !important; |
| 2424 | 2587 | } |
| 2588 | + | |
| 2425 | 2589 | .tr-root .tr-transition, |
| 2426 | 2590 | .tr-root .tr-transition-colors, |
| 2427 | 2591 | .tr-root .tr-transition-transform, |
| 2428 | 2592 | .tr-root .tr-transition-opacity, |
| @@ -2449,8 +2613,16 @@ | ||
| 2449 | 2613 | */ |
| 2450 | 2614 | |
| 2451 | 2615 | /* Ensure Tailwind's animate-* skeleton pulse respects reduced-motion */ |
| 2452 | 2616 | |
| 2617 | +.tr-root :is(.marker\:tr-hidden *)::marker{ | |
| 2618 | + display: none; | |
| 2619 | +} | |
| 2620 | + | |
| 2621 | +.tr-root .marker\:tr-hidden::marker{ | |
| 2622 | + display: none; | |
| 2623 | +} | |
| 2624 | + | |
| 2453 | 2625 | .tr-root .placeholder\:tr-text-tertiary::placeholder{ |
| 2454 | 2626 | --tw-text-opacity: 1; |
| 2455 | 2627 | color: rgb(90 92 94 / var(--tw-text-opacity, 1)); |
| 2456 | 2628 | } |
| @@ -2578,8 +2750,13 @@ | ||
| 2578 | 2750 | --tw-bg-opacity: 1; |
| 2579 | 2751 | background-color: rgb(247 248 251 / var(--tw-bg-opacity, 1)); |
| 2580 | 2752 | } |
| 2581 | 2753 | |
| 2754 | +.tr-root .hover\:tr-bg-\[\#FAFBFC\]:hover{ | |
| 2755 | + --tw-bg-opacity: 1; | |
| 2756 | + background-color: rgb(250 251 252 / var(--tw-bg-opacity, 1)); | |
| 2757 | +} | |
| 2758 | + | |
| 2582 | 2759 | .tr-root .hover\:tr-bg-brand:hover{ |
| 2583 | 2760 | --tw-bg-opacity: 1; |
| 2584 | 2761 | background-color: rgb(68 81 255 / var(--tw-bg-opacity, 1)); |
| 2585 | 2762 | } |
| @@ -2603,8 +2780,12 @@ | ||
| 2603 | 2780 | --tw-bg-opacity: 1; |
| 2604 | 2781 | background-color: rgb(226 230 241 / var(--tw-bg-opacity, 1)); |
| 2605 | 2782 | } |
| 2606 | 2783 | |
| 2784 | +.tr-root .hover\:tr-bg-line-2\/30:hover{ | |
| 2785 | + background-color: rgb(226 230 241 / 0.3); | |
| 2786 | +} | |
| 2787 | + | |
| 2607 | 2788 | .tr-root .hover\:tr-bg-line-2\/50:hover{ |
| 2608 | 2789 | background-color: rgb(226 230 241 / 0.5); |
| 2609 | 2790 | } |
| 2610 | 2791 | |
| @@ -2659,12 +2840,8 @@ | ||
| 2659 | 2840 | .tr-root .hover\:tr-opacity-70:hover{ |
| 2660 | 2841 | opacity: 0.7; |
| 2661 | 2842 | } |
| 2662 | 2843 | |
| 2663 | -.tr-root .hover\:tr-opacity-90:hover{ | |
| 2664 | - opacity: 0.9; | |
| 2665 | -} | |
| 2666 | - | |
| 2667 | 2844 | .tr-root .hover\:tr-shadow-lg:hover{ |
| 2668 | 2845 | --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.10), 0 4px 6px -2px rgba(0,0,0,.05); |
| 2669 | 2846 | --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color); |
| 2670 | 2847 | box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); |
| @@ -2723,8 +2900,13 @@ | ||
| 2723 | 2900 | --tw-border-opacity: 1; |
| 2724 | 2901 | border-color: rgb(68 81 255 / var(--tw-border-opacity, 1)); |
| 2725 | 2902 | } |
| 2726 | 2903 | |
| 2904 | +.tr-root .focus-visible\:tr-bg-white:focus-visible{ | |
| 2905 | + --tw-bg-opacity: 1; | |
| 2906 | + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); | |
| 2907 | +} | |
| 2908 | + | |
| 2727 | 2909 | .tr-root .focus-visible\:tr-ring-2:focus-visible{ |
| 2728 | 2910 | --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); |
| 2729 | 2911 | --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); |
| 2730 | 2912 | box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); |
| @@ -2742,13 +2924,25 @@ | ||
| 2742 | 2924 | .tr-root .disabled\:tr-cursor-not-allowed:disabled{ |
| 2743 | 2925 | cursor: not-allowed; |
| 2744 | 2926 | } |
| 2745 | 2927 | |
| 2928 | +.tr-root .disabled\:tr-cursor-wait:disabled{ | |
| 2929 | + cursor: wait; | |
| 2930 | +} | |
| 2931 | + | |
| 2746 | 2932 | .tr-root .disabled\:tr-border-secondary:disabled{ |
| 2747 | 2933 | --tw-border-opacity: 1; |
| 2748 | 2934 | border-color: rgb(226 230 241 / var(--tw-border-opacity, 1)); |
| 2749 | 2935 | } |
| 2750 | 2936 | |
| 2937 | +.tr-root .disabled\:tr-border-transparent:disabled{ | |
| 2938 | + border-color: transparent; | |
| 2939 | +} | |
| 2940 | + | |
| 2941 | +.tr-root .disabled\:tr-bg-transparent:disabled{ | |
| 2942 | + background-color: transparent; | |
| 2943 | +} | |
| 2944 | + | |
| 2751 | 2945 | .tr-root .disabled\:tr-bg-white:disabled{ |
| 2752 | 2946 | --tw-bg-opacity: 1; |
| 2753 | 2947 | background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); |
| 2754 | 2948 | } |
| @@ -2765,38 +2959,45 @@ | ||
| 2765 | 2959 | .tr-root .disabled\:tr-opacity-50:disabled{ |
| 2766 | 2960 | opacity: 0.5; |
| 2767 | 2961 | } |
| 2768 | 2962 | |
| 2963 | +.tr-root .disabled\:tr-opacity-60:disabled{ | |
| 2964 | + opacity: 0.6; | |
| 2965 | +} | |
| 2966 | + | |
| 2769 | 2967 | .tr-root .disabled\:tr-opacity-70:disabled{ |
| 2770 | 2968 | opacity: 0.7; |
| 2771 | 2969 | } |
| 2772 | 2970 | |
| 2971 | +.tr-root :is(.tr-group[open] .group-open\:tr-rotate-90){ | |
| 2972 | + --tw-rotate: 90deg; | |
| 2973 | + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); | |
| 2974 | +} | |
| 2975 | + | |
| 2976 | +.tr-root :is(.tr-group:focus-within .group-focus-within\:tr-opacity-100){ | |
| 2977 | + opacity: 1; | |
| 2978 | +} | |
| 2979 | + | |
| 2980 | +.tr-root :is(.tr-group:hover .group-hover\:tr-opacity-100){ | |
| 2981 | + opacity: 1; | |
| 2982 | +} | |
| 2983 | + | |
| 2773 | 2984 | @media (min-width: 640px){ |
| 2774 | - | |
| 2775 | 2985 | .tr-root .sm\:tr-block{ |
| 2776 | 2986 | display: block; |
| 2777 | 2987 | } |
| 2778 | - | |
| 2988 | + .tr-root .sm\:tr-w-80{ | |
| 2989 | + width: 20rem; | |
| 2990 | + } | |
| 2779 | 2991 | .tr-root .sm\:tr-flex-1{ |
| 2780 | 2992 | flex: 1 1 0%; |
| 2781 | 2993 | } |
| 2782 | - | |
| 2783 | 2994 | .tr-root .sm\:tr-grid-cols-2{ |
| 2784 | 2995 | grid-template-columns: repeat(2, minmax(0, 1fr)); |
| 2785 | 2996 | } |
| 2786 | - | |
| 2787 | - .tr-root .sm\:tr-grid-cols-3{ | |
| 2788 | - grid-template-columns: repeat(3, minmax(0, 1fr)); | |
| 2789 | - } | |
| 2790 | - | |
| 2791 | 2997 | .tr-root .sm\:tr-grid-cols-4{ |
| 2792 | 2998 | grid-template-columns: repeat(4, minmax(0, 1fr)); |
| 2793 | 2999 | } |
| 2794 | - | |
| 2795 | - .tr-root .sm\:tr-grid-cols-\[1fr_1fr_auto\]{ | |
| 2796 | - grid-template-columns: 1fr 1fr auto; | |
| 2797 | - } | |
| 2798 | - | |
| 2799 | 3000 | .tr-root .sm\:tr-flex-row{ |
| 2800 | 3001 | flex-direction: row; |
| 2801 | 3002 | } |
| 2802 | 3003 | } |
| @@ -2801,103 +3002,85 @@ | ||
| 2801 | 3002 | } |
| 2802 | 3003 | } |
| 2803 | 3004 | |
| 2804 | 3005 | @media (min-width: 768px){ |
| 2805 | - | |
| 2806 | 3006 | .tr-root .md\:tr-sticky{ |
| 2807 | 3007 | position: sticky; |
| 2808 | 3008 | } |
| 2809 | - | |
| 2810 | 3009 | .tr-root .md\:tr-top-0{ |
| 2811 | 3010 | top: 0px; |
| 2812 | 3011 | } |
| 2813 | - | |
| 2814 | 3012 | .tr-root .md\:tr-top-4{ |
| 2815 | 3013 | top: 1rem; |
| 2816 | 3014 | } |
| 2817 | - | |
| 2818 | 3015 | .tr-root .md\:tr-block{ |
| 2819 | 3016 | display: block; |
| 2820 | 3017 | } |
| 2821 | - | |
| 2822 | 3018 | .tr-root .md\:tr-inline-flex{ |
| 2823 | 3019 | display: inline-flex; |
| 2824 | 3020 | } |
| 2825 | - | |
| 3021 | + .tr-root .md\:tr-hidden{ | |
| 3022 | + display: none; | |
| 3023 | + } | |
| 2826 | 3024 | .tr-root .md\:tr-w-44{ |
| 2827 | 3025 | width: 11rem; |
| 2828 | 3026 | } |
| 2829 | - | |
| 2830 | 3027 | .tr-root .md\:tr-w-52{ |
| 2831 | 3028 | width: 13rem; |
| 2832 | 3029 | } |
| 2833 | - | |
| 2834 | 3030 | .tr-root .md\:tr-w-56{ |
| 2835 | 3031 | width: 14rem; |
| 2836 | 3032 | } |
| 2837 | - | |
| 2838 | 3033 | .tr-root .md\:tr-w-full{ |
| 2839 | 3034 | width: 100%; |
| 2840 | 3035 | } |
| 2841 | - | |
| 2842 | 3036 | .tr-root .md\:tr-shrink-0{ |
| 2843 | 3037 | flex-shrink: 0; |
| 2844 | 3038 | } |
| 2845 | - | |
| 2846 | 3039 | .tr-root .md\:tr-grid-cols-2{ |
| 2847 | 3040 | grid-template-columns: repeat(2, minmax(0, 1fr)); |
| 2848 | 3041 | } |
| 2849 | - | |
| 2850 | 3042 | .tr-root .md\:tr-grid-cols-3{ |
| 2851 | 3043 | grid-template-columns: repeat(3, minmax(0, 1fr)); |
| 2852 | 3044 | } |
| 2853 | - | |
| 3045 | + .tr-root .md\:tr-grid-cols-4{ | |
| 3046 | + grid-template-columns: repeat(4, minmax(0, 1fr)); | |
| 3047 | + } | |
| 2854 | 3048 | .tr-root .md\:tr-flex-row{ |
| 2855 | 3049 | flex-direction: row; |
| 2856 | 3050 | } |
| 2857 | - | |
| 2858 | 3051 | .tr-root .md\:tr-flex-col{ |
| 2859 | 3052 | flex-direction: column; |
| 2860 | 3053 | } |
| 2861 | - | |
| 2862 | 3054 | .tr-root .md\:tr-items-stretch{ |
| 2863 | 3055 | align-items: stretch; |
| 2864 | 3056 | } |
| 2865 | - | |
| 2866 | 3057 | .tr-root .md\:tr-self-stretch{ |
| 2867 | 3058 | align-self: stretch; |
| 2868 | 3059 | } |
| 2869 | - | |
| 2870 | 3060 | .tr-root .md\:tr-overflow-visible{ |
| 2871 | 3061 | overflow: visible; |
| 2872 | 3062 | } |
| 2873 | - | |
| 2874 | 3063 | .tr-root .md\:tr-overflow-x-visible{ |
| 2875 | 3064 | overflow-x: visible; |
| 2876 | 3065 | } |
| 2877 | - | |
| 2878 | 3066 | .tr-root .md\:tr-border-b-0{ |
| 2879 | 3067 | border-bottom-width: 0px; |
| 2880 | 3068 | } |
| 2881 | - | |
| 2882 | 3069 | .tr-root .md\:tr-border-r{ |
| 2883 | 3070 | border-right-width: 1px; |
| 2884 | 3071 | } |
| 2885 | - | |
| 2886 | 3072 | .tr-root .md\:tr-p-6{ |
| 2887 | 3073 | padding: 1.5rem; |
| 2888 | 3074 | } |
| 2889 | - | |
| 2890 | 3075 | .tr-root .md\:tr-px-3{ |
| 2891 | 3076 | padding-left: 0.75rem; |
| 2892 | 3077 | padding-right: 0.75rem; |
| 2893 | 3078 | } |
| 2894 | - | |
| 2895 | 3079 | .tr-root .md\:tr-px-8{ |
| 2896 | 3080 | padding-left: 2rem; |
| 2897 | 3081 | padding-right: 2rem; |
| 2898 | 3082 | } |
| 2899 | - | |
| 2900 | 3083 | .tr-root .md\:tr-text-sm{ |
| 2901 | 3084 | font-size: 0.875rem; |
| 2902 | 3085 | line-height: 1.5; |
| 2903 | 3086 | } |
| @@ -2903,69 +3086,53 @@ | ||
| 2903 | 3086 | } |
| 2904 | 3087 | } |
| 2905 | 3088 | |
| 2906 | 3089 | @media (min-width: 1024px){ |
| 2907 | - | |
| 2908 | 3090 | .tr-root .lg\:tr-absolute{ |
| 2909 | 3091 | position: absolute; |
| 2910 | 3092 | } |
| 2911 | - | |
| 2912 | 3093 | .tr-root .lg\:tr-inset-0{ |
| 2913 | 3094 | inset: 0px; |
| 2914 | 3095 | } |
| 2915 | - | |
| 2916 | 3096 | .tr-root .lg\:tr-col-span-2{ |
| 2917 | 3097 | grid-column: span 2 / span 2; |
| 2918 | 3098 | } |
| 2919 | - | |
| 2920 | 3099 | .tr-root .lg\:tr-col-span-3{ |
| 2921 | 3100 | grid-column: span 3 / span 3; |
| 2922 | 3101 | } |
| 2923 | - | |
| 2924 | 3102 | .tr-root .lg\:tr-flex{ |
| 2925 | 3103 | display: flex; |
| 2926 | 3104 | } |
| 2927 | - | |
| 2928 | 3105 | .tr-root .lg\:tr-inline-flex{ |
| 2929 | 3106 | display: inline-flex; |
| 2930 | 3107 | } |
| 2931 | - | |
| 2932 | 3108 | .tr-root .lg\:tr-w-56{ |
| 2933 | 3109 | width: 14rem; |
| 2934 | 3110 | } |
| 2935 | - | |
| 2936 | 3111 | .tr-root .lg\:tr-grid-cols-2{ |
| 2937 | 3112 | grid-template-columns: repeat(2, minmax(0, 1fr)); |
| 2938 | 3113 | } |
| 2939 | - | |
| 2940 | 3114 | .tr-root .lg\:tr-grid-cols-3{ |
| 2941 | 3115 | grid-template-columns: repeat(3, minmax(0, 1fr)); |
| 2942 | 3116 | } |
| 2943 | - | |
| 2944 | 3117 | .tr-root .lg\:tr-grid-cols-4{ |
| 2945 | 3118 | grid-template-columns: repeat(4, minmax(0, 1fr)); |
| 2946 | 3119 | } |
| 2947 | - | |
| 2948 | 3120 | .tr-root .lg\:tr-grid-cols-5{ |
| 2949 | 3121 | grid-template-columns: repeat(5, minmax(0, 1fr)); |
| 2950 | 3122 | } |
| 2951 | - | |
| 2952 | 3123 | .tr-root .lg\:tr-grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\]{ |
| 2953 | 3124 | grid-template-columns: minmax(0,1fr) minmax(0,2fr); |
| 2954 | 3125 | } |
| 2955 | - | |
| 2956 | 3126 | .tr-root .lg\:tr-gap-6{ |
| 2957 | 3127 | gap: 1.5rem; |
| 2958 | 3128 | } |
| 2959 | - | |
| 2960 | 3129 | .tr-root .lg\:tr-gap-8{ |
| 2961 | 3130 | gap: 2rem; |
| 2962 | 3131 | } |
| 2963 | - | |
| 2964 | 3132 | .tr-root .lg\:tr-p-8{ |
| 2965 | 3133 | padding: 2rem; |
| 2966 | 3134 | } |
| 2967 | - | |
| 2968 | 3135 | .tr-root .lg\:tr-pt-2\.5{ |
| 2969 | 3136 | padding-top: 0.625rem; |
| 2970 | 3137 | } |
| 2971 | 3138 | } |
| @@ -2970,20 +3137,21 @@ | ||
| 2970 | 3137 | } |
| 2971 | 3138 | } |
| 2972 | 3139 | |
| 2973 | 3140 | @media (min-width: 1280px){ |
| 2974 | - | |
| 2975 | 3141 | .tr-root .xl\:tr-col-span-2{ |
| 2976 | 3142 | grid-column: span 2 / span 2; |
| 2977 | 3143 | } |
| 2978 | - | |
| 2979 | 3144 | .tr-root .xl\:tr-block{ |
| 2980 | 3145 | display: block; |
| 2981 | 3146 | } |
| 2982 | - | |
| 2983 | 3147 | .tr-root .xl\:tr-grid-cols-3{ |
| 2984 | 3148 | grid-template-columns: repeat(3, minmax(0, 1fr)); |
| 2985 | 3149 | } |
| 3150 | +} | |
| 3151 | + | |
| 3152 | +.tr-root :is(.\[\&\>th\]\:tr-whitespace-nowrap>th){ | |
| 3153 | + white-space: nowrap; | |
| 2986 | 3154 | } |
| 2987 | 3155 | |
| 2988 | 3156 | .tr-root :is(.\[\&_p\:last-child\]\:tr-mb-0 p:last-child){ |
| 2989 | 3157 | margin-bottom: 0px; |
