.dre-drawer-overlay {
position: fixed;
inset: 0;
background: rgba(10, 10, 10, .55);
z-index: 100000;
display: flex;
justify-content: flex-end;
}
.dre-drawer-overlay[hidden] {
display: none;
}
.dre-drawer {
background: #fff;
width: 100%;
max-width: 480px;
height: 100%;
overflow-y: auto;
padding: 32px 32px 40px;
position: relative;
box-shadow: -8px 0 32px rgba(0,0,0,.12);
transform: translateX(100%);
transition: transform .25s ease;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: #0a0a0a;
box-sizing: border-box;
}
.dre-drawer-overlay.is-open .dre-drawer {
transform: translateX(0);
}
.dre-drawer * ,
.dre-drawer *::before,
.dre-drawer *::after {
box-sizing: border-box;
}
.dre-drawer a {
text-decoration: none;
}
.dre-drawer-close {
position: absolute;
top: 16px;
right: 20px;
font-size: 28px;
line-height: 1;
color: #999;
background: none;
border: none;
cursor: pointer;
padding: 4px;
}
.dre-drawer-close:hover {
color: #0a0a0a;
}
.dre-drawer-head {
display: flex;
align-items: center;
gap: 14px;
margin: 4px 44px 16px 0;
}
.dre-drawer-icon {
width: 56px;
height: 56px;
border-radius: 12px;
background: #f4f4f4;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 700;
flex-shrink: 0;
overflow: hidden;
}
.dre-drawer-icon-img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 8px;
}
.dre-drawer-title {
font-size: 26px;
font-weight: 800;
line-height: 1.15;
letter-spacing: -.2px;
}
.dre-drawer-cat {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .07em;
color: #999;
font-weight: 600;
margin-top: 3px;
}
.dre-drawer-meta-row {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 18px;
}
.dre-drawer-stars {
color: #00a86b;
font-size: 18px;
letter-spacing: 2px;
}
.dre-drawer-stars.is-empty {
color: #ccc;
}
.dre-drawer-price {
font-weight: 700;
font-size: 14px;
color: #0a0a0a;
background: #f4f4f4;
padding: 4px 10px;
border-radius: 6px;
}
.dre-drawer-desc {
font-size: 15px;
line-height: 1.7;
color: #333;
margin: 0 0 16px;
}
.dre-drawer-pricing-notes {
font-size: 13px;
color: #666;
background: #f9f9f9;
border: 1px solid #eee;
border-radius: 8px;
padding: 10px 14px;
margin-bottom: 20px;
}
.dre-drawer-proscons {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 24px;
}
.dre-drawer-subhead {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .06em;
color: #666;
margin-bottom: 8px;
}
.dre-drawer-pros-list,
.dre-drawer-cons-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 8px;
font-size: 13.5px;
line-height: 1.5;
color: #333;
}
.dre-drawer-pros-list li {
padding-left: 18px;
position: relative;
}
.dre-drawer-pros-list li::before {
content: "+";
position: absolute;
left: 0;
color: #00a86b;
font-weight: 700;
}
.dre-drawer-cons-list li {
padding-left: 18px;
position: relative;
}
.dre-drawer-cons-list li::before {
content: "–";
position: absolute;
left: 0;
color: #c0392b;
font-weight: 700;
}
.dre-drawer-actions {
display: flex;
gap: 12px;
flex-wrap: wrap;
border-top: 1px solid #e8e8e8;
padding-top: 20px;
}
.dre-drawer-visit {
font-size: 14px;
font-weight: 600;
color: #fff;
background: #0a0a0a;
padding: 12px 18px;
border-radius: 6px;
transition: opacity .12s;
display: inline-flex;
align-items: center;
gap: 6px;
}
.dre-drawer-visit:hover {
opacity: .75;
}
.dre-drawer-profile,
.dre-drawer-review,
.dre-drawer-share {
font-size: 13px;
font-weight: 500;
color: #666;
padding: 12px 18px;
border-radius: 6px;
border: 1px solid #e8e8e8;
background: #fff;
transition: all .12s;
cursor: pointer;
font-family: inherit;
display: inline-flex;
align-items: center;
gap: 6px;
}
.dre-drawer-profile:hover,
.dre-drawer-review:hover,
.dre-drawer-share:hover {
border-color: #333;
color: #0a0a0a;
}
@media (max-width: 640px) {
.dre-drawer {
max-width: 100%;
}
.dre-drawer-proscons {
grid-template-columns: 1fr;
}
} .dre-drawer-review-summary{background:#fafafa;border-left:3px solid #0a0a0a;padding:13px 15px;margin:0 0 22px}
.dre-drawer-review-summary p{font-size:14px;line-height:1.65;color:#333;margin:6px 0 0}
.dre-drawer-actions .dre-drawer-review{background:#fff;color:#0a0a0a;border:1px solid #0a0a0a;font-weight:600}
.dre-drawer-actions .dre-drawer-visit{background:#fff;color:#0a0a0a;border:1px solid #0a0a0a}
.dre-drawer-actions .dre-drawer-share{background:#fff}
.dre-drawer-pros-list li::before{content:"✓"}.dre-drawer-cons-list li::before{content:"✕"} .dre-drawer{max-width:510px}
.dre-drawer-stars{color:#f4b400}
.dre-drawer-actions{display:flex;flex-wrap:nowrap;gap:7px;align-items:stretch}
.dre-drawer-profile,.dre-drawer-review,.dre-drawer-visit,.dre-drawer-share{font-size:11px;font-weight:600;padding:10px 8px;white-space:nowrap;justify-content:center;flex:1 1 0;min-width:0}
.dre-drawer-review{background:#fff;color:#0a0a0a;border:1px solid #0a0a0a}
.dre-drawer-profile{background:#fff;color:#0a0a0a;border:1px solid #0a0a0a}
.dre-drawer-visit{background:#fff;color:#0a0a0a;border:1px solid #ddd}
.dre-drawer-share{background:#fff;color:#666;border:1px solid #ddd;flex:0 0 40px}
.dre-drawer-review:hover{background:#f7f7f7;color:#0a0a0a;opacity:1}
.dre-drawer-profile:hover,.dre-drawer-visit:hover,.dre-drawer-share:hover{border-color:#0a0a0a;color:#0a0a0a;opacity:1}
@media(max-width:520px){.dre-drawer-actions{flex-wrap:wrap}.dre-drawer-actions>*{flex:1 1 100%}} .dre-drawer-pros-list li::before{
content:"✓";
color:#198754;
}
.dre-drawer-cons-list li::before{
content:"✕";
color:#b42318;
}
.dre-drawer-profile,
.dre-drawer-review,
.dre-drawer-visit,
.dre-drawer-share,
.dre-drawer-profile:hover,
.dre-drawer-review:hover,
.dre-drawer-visit:hover,
.dre-drawer-share:hover,
.dre-drawer-profile:focus,
.dre-drawer-review:focus,
.dre-drawer-visit:focus,
.dre-drawer-share:focus{
text-decoration:none!important;
}
.dre-drawer-actions .dre-drawer-review,
.dre-drawer-actions .dre-drawer-review:hover,
.dre-drawer-actions .dre-drawer-review:focus{
background:#fff;
color:#0a0a0a!important;
border:1px solid #0a0a0a;
}
.dre-drawer-actions .dre-drawer-profile,
.dre-drawer-actions .dre-drawer-visit,
.dre-drawer-actions .dre-drawer-share,
.dre-drawer-actions .dre-drawer-profile:hover,
.dre-drawer-actions .dre-drawer-visit:hover,
.dre-drawer-actions .dre-drawer-share:hover,
.dre-drawer-actions .dre-drawer-profile:focus,
.dre-drawer-actions .dre-drawer-visit:focus,
.dre-drawer-actions .dre-drawer-share:focus{
background:#fff;
color:#0a0a0a!important;
border:1px solid #0a0a0a;
} .dre-drawer-tags{
display:flex;
flex-wrap:wrap;
gap:5px;
margin-top:7px;
}
.dre-drawer-tags span{
display:inline-flex;
align-items:center;
padding:3px 8px;
border:1px solid #e8e8e8;
border-radius:100px;
font-size:10px;
line-height:1.3;
font-weight:600;
color:#666;
background:#fff;
}
.dre-drawer-ai-badge{
display:inline-flex;
align-items:center;
font-size:10px;
font-weight:700;
letter-spacing:.035em;
padding:4px 9px;
border-radius:100px;
background:#fff4f4;
color:#b73f3e;
border:1px solid #efc2c1;
} .dre-drawer-verdict{
margin:0 0 18px;
padding:14px 0;
border-top:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
}
.dre-drawer-verdict-label{
margin:0 0 7px;
color:#888;
font-size:10px;
line-height:1.2;
font-weight:700;
letter-spacing:.1em;
text-transform:uppercase;
}
.dre-drawer-unreviewed{
color:#777;
font-size:13px;
line-height:1.5;
font-weight:600;
}
.dre-drawer-owner-upgrade{
display:block;
width:100%;
margin:12px 0 0;
padding:10px 0 0;
border:0;
border-top:1px solid #e8e8e8;
background:transparent;
color:#777;
font:inherit;
font-size:11px;
line-height:1.4;
font-weight:600;
text-align:left;
cursor:pointer;
text-decoration:none!important;
}
.dre-drawer-owner-upgrade:hover{
color:#e85554;
}
.dre-drawer-owner-upgrade[hidden]{
display:none!important;
}
.dre-upgrade-modal[hidden]{
display:none!important;
}
.dre-upgrade-modal{
position:fixed;
inset:0;
z-index:100000;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
background:rgba(0,0,0,.55);
box-sizing:border-box;
}
.dre-upgrade-box{
position:relative;
width:min(620px,100%);
max-height:calc(100vh - 40px);
overflow:auto;
box-sizing:border-box;
padding:30px;
border-radius:14px;
background:#fff;
box-shadow:0 24px 70px rgba(0,0,0,.22);
font-family:"Raleway",Arial,sans-serif;
}
.dre-upgrade-close{
position:absolute;
top:12px;
right:14px;
border:0;
background:transparent;
color:#555;
font-size:28px;
line-height:1;
cursor:pointer;
}
.dre-upgrade-box h2{
margin:0 36px 7px 0;
color:#111;
font-family:"PT Serif",Georgia,serif;
font-size:28px;
line-height:1.2;
}
.dre-upgrade-premium-description{
margin:0 0 7px;
color:#666;
font-size:14px;
line-height:1.55;
}
.dre-upgrade-box h2.dre-upgrade-title{
margin:0 36px 10px 0;
color:#111;
font-family:"PT Serif",Georgia,serif;
font-size:28px;
font-weight:700;
line-height:1.2;
}
.dre-upgrade-box p.dre-upgrade-intro{
margin:0 36px 24px 0;
color:#777;
font-family:"Raleway",Arial,sans-serif;
font-size:15px;
font-weight:400;
line-height:1.55;
}
.dre-upgrade-box p.dre-upgrade-intro strong{
font-weight:700;
}
.dre-upgrade-cards{
display:grid;
gap:12px;
}
.dre-upgrade-offer{
position:relative;
display:block;
padding:20px 18px 18px;
border-radius:10px;
cursor:pointer;
transition:box-shadow .15s ease,transform .15s ease;
}
.dre-upgrade-offer:hover{
transform:translateY(-1px);
box-shadow:0 6px 18px rgba(0,0,0,.06);
}
.dre-upgrade-offer--featured{
border:1.5px solid #e1bd55;
background:#fffaf0;
}
.dre-upgrade-offer--bundle{
border:2px solid #e85554;
background:#fff7f7;
}
.dre-upgrade-offer--featured:has(input:checked){
box-shadow:0 0 0 3px rgba(225,189,85,.22);
}
.dre-upgrade-offer--bundle:has(input:checked){
box-shadow:0 0 0 3px rgba(232,85,84,.16);
}
.dre-upgrade-badge{
display:inline-block;
margin:0 0 11px 34px;
padding:4px 9px;
border-radius:999px;
font-size:9px;
line-height:1.2;
font-weight:800;
letter-spacing:.85px;
text-transform:uppercase;
}
.dre-upgrade-badge--featured{
background:#f6e7ae;
color:#745a00;
}
.dre-upgrade-badge--bundle{
background:#e85554;
color:#fff;
}
.dre-upgrade-offer-row{
display:flex;
align-items:flex-start;
gap:11px;
}
.dre-upgrade-offer input{
margin-top:3px;
accent-color:#111;
}
.dre-upgrade-offer--bundle input{
accent-color:#e85554;
}
.dre-upgrade-offer strong{
display:block;
color:#111;
font-size:15px;
line-height:1.4;
font-weight:800;
}
.dre-upgrade-offer small{
display:block;
margin-top:5px;
color:#666;
font-size:12px;
line-height:1.55;
}
.dre-upgrade-reviewed-note{
margin:12px 0 0;
color:#777;
font-size:11px;
line-height:1.5;
}
.dre-upgrade-actions{
display:flex;
gap:10px;
margin-top:20px;
}
.dre-upgrade-continue,
.dre-upgrade-cancel{
flex:1;
padding:12px 14px;
border-radius:7px;
font:inherit;
font-size:13px;
font-weight:700;
cursor:pointer;
text-decoration:none!important;
}
.dre-upgrade-continue{
border:1px solid #111;
background:#111;
color:#fff;
}
.dre-upgrade-cancel{
border:1px solid #111;
background:#fff;
color:#111;
}
@media (max-width:600px){
.dre-upgrade-box{padding:24px 18px}
.dre-upgrade-actions{flex-direction:column}
} .dre-drawer-meta-row{
margin-bottom:8px;
}
.dre-drawer-pricing-notes{
margin:0 0 16px;
}
.dre-drawer-share{
flex:0 0 42px!important;
width:42px;
padding:10px 0!important;
font-size:15px!important;
line-height:1!important;
} .dre-drawer{
display:flex;
flex-direction:column;
padding-bottom:0;
}
.dre-drawer-verdict[hidden],
.dre-drawer-review-summary[hidden],
.dre-drawer-unreviewed-state[hidden]{
display:none!important;
}
.dre-drawer-review-summary{
margin:0 0 21px;
padding:14px 15px;
border-left:3px solid #111;
background:#fafafa;
}
.dre-drawer-review-summary-label{
margin:0 0 6px;
color:#888;
font-size:9px;
line-height:1.2;
font-weight:800;
letter-spacing:.1em;
text-transform:uppercase;
}
.dre-drawer-review-summary p{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
overflow:hidden;
margin:0;
color:#333;
font-size:13px;
line-height:1.6;
}
.dre-drawer-review-summary-more{
display:inline-block;
margin-top:7px;
color:#111;
font-size:11px;
line-height:1.3;
font-weight:700;
text-decoration:none!important;
}
.dre-drawer-review-summary-more:hover{
color:#e85554;
}
.dre-drawer-unreviewed-state{
flex:1 1 auto;
min-height:220px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:30px 22px 40px;
color:#777;
}
.dre-drawer-unreviewed-rule{
width:34px;
height:3px;
margin-bottom:17px;
border-radius:999px;
background:#e85554;
}
.dre-drawer-unreviewed-state strong{
display:block;
max-width:300px;
color:#111;
font-family:"PT Serif",Georgia,serif;
font-size:20px;
line-height:1.25;
font-weight:700;
}
.dre-drawer-unreviewed-state span{
display:block;
max-width:310px;
margin-top:8px;
color:#888;
font-size:12px;
line-height:1.55;
}
.dre-drawer-footer{
position:sticky;
bottom:0;
z-index:4;
margin-top:auto;
padding:14px 0 24px;
background:#fff;
box-shadow:0 -12px 18px rgba(255,255,255,.96);
}
.dre-drawer-footer .dre-drawer-actions{
padding-top:0;
}
.dre-drawer.has-review .dre-drawer-footer{
border-top:1px solid #e8e8e8;
}
.dre-drawer.has-review .dre-drawer-actions{
border-top:0;
}
.dre-drawer.no-review .dre-drawer-proscons{
display:none;
} .dre-tools-radar-brand{display:inline;white-space:nowrap;font-style:normal}
.dre-tools-radar-brand .dre-tools-radar-tools{color:#111!important}
.dre-tools-radar-brand .dre-tools-radar-radar{color:#e85554!important}
.dre-drawer-stars.dre-rating-stars{
position:relative;
display:inline-block;
color:#d9d9d9!important;
font-size:24px!important;
line-height:1!important;
letter-spacing:1px;
white-space:nowrap;
}
.dre-drawer-stars.dre-rating-stars::before{
content:"★★★★★";
position:absolute;
inset:0 auto 0 0;
width:var(--dre-rating-percent,0%);
overflow:hidden;
color:#e85554;
white-space:nowrap;
pointer-events:none;
} .dre-drawer .dre-drawer-stars.dre-rating-stars{
position:relative!important;
display:inline-block!important;
font-size:24px!important;
line-height:1!important;
letter-spacing:1px!important;
white-space:nowrap!important;
color:#d9d9d9!important;
background:none!important;
-webkit-text-fill-color:initial!important;
}
.dre-drawer .dre-drawer-stars.dre-rating-stars::before{
content:"★★★★★"!important;
position:absolute!important;
inset:0 auto 0 0!important;
width:var(--dre-rating-percent,0%)!important;
overflow:hidden!important;
color:#e85554!important;
white-space:nowrap!important;
pointer-events:none!important;
} .dre-drawer .dre-rating-lockup{
display:inline-flex;
align-items:center;
gap:9px;
white-space:nowrap;
}
.dre-drawer .dre-rating-lockup[hidden]{display:none!important}
.dre-drawer .dre-rating-text{
color:#666;
font-family:"Raleway",Arial,sans-serif;
font-size:12px;
font-weight:600;
line-height:1.2;
letter-spacing:0;
} .dre-drawer .dre-rating-text{
font-size:16px!important;
font-weight:500!important;
}
.dre-drawer-owner-upgrade{
display:flex;
align-items:center;
gap:4px;
flex-wrap:wrap;
width:100%;
}
.dre-drawer-owner-copy,
.dre-drawer-owner-sep{color:#777}
.dre-drawer-owner-upgrade-link,
.dre-drawer-owner-media-kit{
padding:0;
border:0;
background:transparent;
color:#777!important;
font:inherit;
font-size:inherit;
font-weight:inherit;
line-height:inherit;
text-decoration:none!important;
cursor:pointer;
}
.dre-drawer-owner-upgrade-link:hover,
.dre-drawer-owner-media-kit:hover{color:#e85554!important} .dre-upgrade-offer--review{
border:1.5px solid #6f91bd;
background:#f5f8fd;
}
.dre-upgrade-offer--review:has(input:checked){
box-shadow:0 0 0 3px rgba(79,117,168,.18);
}
.dre-upgrade-badge--review{
background:#dce8f7;
color:#31577f;
}
.dre-upgrade-offer--review input{
accent-color:#4f75a8;
}
.dre-upgrade-offer[hidden]{
display:none!important;
}
.dre-drawer-owner-upgrade-link[hidden],
.dre-drawer-owner-sep[hidden]{display:none!important} #dre-upgrade-founder-rate-note{margin-top:-2px}
#dre-upgrade-founder-rate-note[hidden]{display:none!important} .dre-campaign-founder-rate{position:relative;display:inline-block;font-family:'Raleway',Arial,sans-serif;z-index:30}
.dre-campaign-founder-rate summary{list-style:none;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid #9fbd8c;border-radius:999px;background:#f2f8ef;color:#214b24;cursor:pointer;font-size:13px;line-height:1;font-weight:700;white-space:nowrap;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.dre-campaign-founder-rate summary::-webkit-details-marker{display:none}
.dre-campaign-founder-rate summary:hover,.dre-campaign-founder-rate[open] summary{border-color:#6f9d61;background:#e9f4e4;transform:translateY(-1px)}
.dre-campaign-founder-rate-emoji{font-size:15px;line-height:1}
.dre-campaign-founder-rate summary strong{font-size:13px;line-height:1.2;font-weight:800;color:#214b24}
.dre-campaign-founder-rate-info{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid #86aa76;border-radius:50%;color:#47713f;font-family:Arial,sans-serif;font-size:10px;font-weight:700;line-height:1}
.dre-campaign-founder-rate-popover{position:absolute;top:calc(100% + 10px);left:0;width:min(330px,calc(100vw - 40px));padding:16px 17px;border:1px solid #d5e4cf;border-radius:10px;background:#fff;box-shadow:0 14px 38px rgba(0,0,0,.12);color:#555;text-align:left;white-space:normal;z-index:100}
.dre-campaign-founder-rate-popover::before{content:"";position:absolute;top:-6px;left:22px;width:10px;height:10px;background:#fff;border-left:1px solid #d5e4cf;border-top:1px solid #d5e4cf;transform:rotate(45deg)}
.dre-campaign-founder-rate-popover>strong{display:block;margin:0 0 7px;color:#111;font-size:14px;line-height:1.35;font-weight:800}
.dre-campaign-founder-rate-popover p{margin:0;color:#626262;font-size:13px;line-height:1.55}
.dre-campaign-founder-rate-popover a{display:inline-flex;margin-top:10px;color:#111!important;text-decoration:none!important;font-size:13px;font-weight:800}
.dre-campaign-founder-rate-popover a:hover{color:#47713f!important}
@media(max-width:640px){.dre-campaign-founder-rate-popover{left:0!important;right:auto!important}.dre-campaign-founder-rate-popover::before{left:22px!important;right:auto!important}}
.dre-upgrade-box #dre-upgrade-founder-rate-note .dre-campaign-founder-rate-popover{left:auto;right:0}
.dre-upgrade-box #dre-upgrade-founder-rate-note .dre-campaign-founder-rate-popover::before{left:auto;right:24px} .dre-upgrade-offer--bundle{
overflow:visible;
cursor:default;
}
.dre-upgrade-offer--bundle .dre-upgrade-offer-row{cursor:pointer}
.dre-upgrade-offer--bundle #dre-upgrade-founder-rate-note{margin:14px 0 0 34px}
.dre-upgrade-offer--bundle #dre-upgrade-founder-rate-note .dre-campaign-founder-rate{
display:inline-block;
width:auto;
max-width:100%;
}
.dre-upgrade-offer--bundle #dre-upgrade-founder-rate-note .dre-campaign-founder-rate-popover{
position:absolute;
top:auto;
bottom:calc(100% + 10px);
left:0;
right:auto;
width:min(330px,calc(100vw - 64px));
max-width:none;
margin:0;
box-sizing:border-box;
z-index:1000;
}
.dre-upgrade-offer--bundle #dre-upgrade-founder-rate-note .dre-campaign-founder-rate-popover::before{
top:auto;
bottom:-6px;
left:22px;
right:auto;
border-left:0;
border-top:0;
border-right:1px solid #d5e4cf;
border-bottom:1px solid #d5e4cf;
}
@media(max-width:600px){
.dre-upgrade-offer--bundle #dre-upgrade-founder-rate-note{margin-left:0}
} .dre-drawer-actions .dre-drawer-profile{white-space:nowrap}
@media(min-width:521px){.dre-drawer-actions{flex-wrap:nowrap}.dre-drawer-actions .dre-drawer-profile,.dre-drawer-actions .dre-drawer-review,.dre-drawer-actions .dre-drawer-visit{flex:1 0 auto;min-width:0}.dre-drawer-actions .dre-drawer-share{flex:0 0 40px}} .dre-drawer-actions .dre-drawer-profile,
.dre-drawer-actions .dre-drawer-review,
.dre-drawer-actions .dre-drawer-visit{background:#fff!important;color:#0a0a0a!important;border:1px solid #0a0a0a!important;white-space:nowrap}
.dre-drawer-actions .dre-drawer-profile:hover,
.dre-drawer-actions .dre-drawer-review:hover,
.dre-drawer-actions .dre-drawer-visit:hover,
.dre-drawer-actions .dre-drawer-profile:focus,
.dre-drawer-actions .dre-drawer-review:focus,
.dre-drawer-actions .dre-drawer-visit:focus{background:#f7f7f7!important;color:#0a0a0a!important;border-color:#0a0a0a!important;opacity:1} .dre-drawer .dre-drawer-actions [hidden]{display:none!important}
.dre-drawer .dre-drawer-actions{
display:flex!important;
flex-wrap:wrap!important;
align-items:stretch!important;
gap:7px!important;
}
.dre-drawer .dre-drawer-actions #dre-drawer-profile,
.dre-drawer .dre-drawer-actions #dre-drawer-review,
.dre-drawer .dre-drawer-actions #dre-drawer-visit,
.dre-drawer .dre-drawer-actions #dre-drawer-share,
.dre-drawer .dre-drawer-actions #dre-drawer-profile:link,
.dre-drawer .dre-drawer-actions #dre-drawer-review:link,
.dre-drawer .dre-drawer-actions #dre-drawer-visit:link,
.dre-drawer .dre-drawer-actions #dre-drawer-profile:visited,
.dre-drawer .dre-drawer-actions #dre-drawer-review:visited,
.dre-drawer .dre-drawer-actions #dre-drawer-visit:visited{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto!important;
min-width:0!important;
width:auto!important;
max-width:100%;
padding:10px 9px!important;
border:1px solid #0a0a0a!important;
border-radius:6px!important;
background:#fff!important;
color:#0a0a0a!important;
font-family:inherit!important;
font-size:11px!important;
font-weight:600!important;
line-height:1.2!important;
white-space:nowrap!important;
text-decoration:none!important;
text-decoration-line:none!important;
box-shadow:none!important;
opacity:1!important;
}
.dre-drawer .dre-drawer-actions #dre-drawer-profile:hover,
.dre-drawer .dre-drawer-actions #dre-drawer-review:hover,
.dre-drawer .dre-drawer-actions #dre-drawer-visit:hover,
.dre-drawer .dre-drawer-actions #dre-drawer-share:hover,
.dre-drawer .dre-drawer-actions #dre-drawer-profile:focus,
.dre-drawer .dre-drawer-actions #dre-drawer-review:focus,
.dre-drawer .dre-drawer-actions #dre-drawer-visit:focus,
.dre-drawer .dre-drawer-actions #dre-drawer-share:focus{
background:#f7f7f7!important;
color:#0a0a0a!important;
border-color:#0a0a0a!important;
text-decoration:none!important;
text-decoration-line:none!important;
box-shadow:none!important;
opacity:1!important;
}
.dre-drawer .dre-drawer-actions #dre-drawer-share{
flex:0 0 40px!important;
width:40px!important;
padding:10px 6px!important;
}
@media(max-width:520px){
.dre-drawer .dre-drawer-actions #dre-drawer-profile,
.dre-drawer .dre-drawer-actions #dre-drawer-review,
.dre-drawer .dre-drawer-actions #dre-drawer-visit{
flex:1 1 100%!important;
width:100%!important;
}
.dre-drawer .dre-drawer-actions #dre-drawer-share{
flex:0 0 40px!important;
width:40px!important;
}
}.dre-editorial-hero .section-head{
text-align:center;
}
.dre-editorial-hero .entry-category{
margin-bottom:18px;
}
.dre-editorial-hero .entry-title{
margin:0;
}
.dre-editorial-hero .entry-meta{
justify-content:center;
}
.dre-editorial-featured-image{
position:relative;
overflow:hidden;
}
.dre-editorial-featured-image img{
display:block;
width:100%;
aspect-ratio:1104 / 484;
height:auto;
object-fit:cover;
}
.dre-editorial-body,
.dre-editorial-body button,
.dre-editorial-body input,
.dre-editorial-body select,
.dre-editorial-body textarea,
.dre-editorial-hero .entry-category,
.dre-editorial-hero .entry-meta{
font-family:"Raleway",Arial,sans-serif;
}
.dre-editorial-hero .entry-title,
.dre-editorial-body h1,
.dre-editorial-body h2,
.dre-editorial-body h3,
.dre-editorial-body h4,
.dre-editorial-body h5,
.dre-editorial-body h6{
font-family:"PT Serif",Georgia,serif!important;
}
.dre-editorial-body .dre-editorial-main-column{
min-width:0;
}
.dre-editorial-body article{
margin:0;
}
.dre-editorial-body .comments-area{
margin-top:56px;
}
@media(max-width:767px){
.dre-editorial-hero .section-head{
text-align:left;
}
.dre-editorial-hero .entry-meta{
justify-content:flex-start;
}
.dre-editorial-hero .entry-category{
margin-bottom:12px;
}
.dre-editorial-featured-image img{
aspect-ratio:16 / 9;
}
} .dre-tools-related-fallback{padding:48px 0;background:#f7f7f7}
.dre-tools-related-fallback h2{margin:0 0 24px}
.dre-tools-related-fallback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.dre-tools-related-fallback-grid article{min-width:0}
.dre-tools-related-fallback-grid img{display:block;width:100%;height:auto;margin-bottom:12px}
.dre-tools-related-fallback-grid h3{margin:0;font-size:22px;line-height:1.25}
.dre-tools-related-fallback-grid a{text-decoration:none}
@media (max-width:767px){.dre-tools-related-fallback-grid{grid-template-columns:1fr}} .dre-tools-radar-brand{display:inline;white-space:nowrap;font-style:normal}
.dre-tools-radar-brand .dre-tools-radar-tools{color:#111!important}
.dre-tools-radar-brand .dre-tools-radar-radar{color:#e85554!important}
.dre-rating-stars{
position:relative;
display:inline-block;
color:#d9d9d9!important;
font-size:24px!important;
line-height:1!important;
letter-spacing:1px;
white-space:nowrap;
}
.dre-rating-stars::before{
content:"★★★★★";
position:absolute;
inset:0 auto 0 0;
width:var(--dre-rating-percent,0%);
overflow:hidden;
color:#e85554;
white-space:nowrap;
pointer-events:none;
} .dre-editorial-body .dre-rating-lockup{
display:inline-flex;
align-items:center;
gap:9px;
white-space:nowrap;
}
.dre-editorial-body .dre-rating-text{
color:#666;
font-family:"Raleway",Arial,sans-serif;
font-size:13px;
font-weight:600;
line-height:1.2;
letter-spacing:0;
} .dre-editorial-body .dre-rating-text{
font-size:16px!important;
font-weight:500!important;
} .dre-editorial-body .dre-rating-stars{
position:relative!important;
display:inline-block!important;
color:#d9d9d9!important;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;
font-size:24px!important;
font-weight:400!important;
font-style:normal!important;
line-height:1!important;
letter-spacing:1px!important;
white-space:nowrap!important;
background:none!important;
-webkit-text-fill-color:initial!important;
}
.dre-editorial-body .dre-rating-stars::before{
content:"★★★★★"!important;
position:absolute!important;
inset:0 auto 0 0!important;
width:var(--dre-rating-percent,0%)!important;
overflow:hidden!important;
color:#e85554!important;
font:inherit!important;
line-height:1!important;
letter-spacing:1px!important;
white-space:nowrap!important;
pointer-events:none!important;
} .dre-editorial-hero .dre-editorial-context-nav{
display:grid;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
align-items:center;
gap:18px;
margin-bottom:18px;
}
.dre-editorial-hero .dre-editorial-context-nav .entry-category{
margin:0;
justify-self:center;
}
.dre-editorial-hero .dre-editorial-back-link{
justify-self:start;
color:#777!important;
font-family:"Raleway",Arial,sans-serif;
font-size:12px;
font-weight:600;
line-height:1.35;
text-decoration:none!important;
white-space:nowrap;
}
.dre-editorial-hero .dre-editorial-back-link:hover,
.dre-editorial-hero .dre-editorial-back-link:focus{
color:#e85554!important;
text-decoration:none!important;
}
.dre-editorial-hero .dre-editorial-context-spacer{
display:block;
min-width:1px;
}
@media(max-width:767px){
.dre-editorial-hero .dre-editorial-context-nav{
grid-template-columns:1fr auto;
gap:12px;
margin-bottom:14px;
}
.dre-editorial-hero .dre-editorial-context-nav .entry-category{
justify-self:end;
}
.dre-editorial-hero .dre-editorial-context-spacer{display:none}
.dre-editorial-hero .dre-editorial-back-link{
font-size:11px;
white-space:normal;
}
} .dre-editorial-hero .dre-editorial-back-link,
.dre-tool-review-post .dre-editorial-back-link{
color:#555!important;
font-family:"Raleway",Arial,sans-serif;
font-size:14px!important;
font-weight:700!important;
line-height:1.35;
text-decoration:none!important;
white-space:nowrap;
}
.dre-editorial-hero .dre-editorial-back-link .dre-tools-radar-brand,
.dre-tool-review-post .dre-editorial-back-link .dre-tools-radar-brand{
font-weight:800;
letter-spacing:.02em;
}
.dre-editorial-hero .dre-editorial-back-link:hover,
.dre-editorial-hero .dre-editorial-back-link:focus,
.dre-tool-review-post .dre-editorial-back-link:hover,
.dre-tool-review-post .dre-editorial-back-link:focus{
color:#e85554!important;
text-decoration:none!important;
}
.dre-tool-review-post .dre-tool-review-context-nav{
display:grid;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
align-items:center;
gap:18px;
margin-bottom:18px;
}
.dre-tool-review-post .dre-tool-review-context-nav .entry-category{
margin:0!important;
justify-self:center;
}
.dre-tool-review-post .dre-tool-review-context-nav .dre-editorial-back-link{
justify-self:start;
}
.dre-tool-review-post .dre-tool-review-context-nav .dre-editorial-context-spacer{
display:block;
min-width:1px;
}
@media(max-width:767px){
.dre-editorial-hero .dre-editorial-back-link,
.dre-tool-review-post .dre-editorial-back-link{
font-size:13px!important;
white-space:normal;
}
.dre-tool-review-post .dre-tool-review-context-nav{
grid-template-columns:1fr auto;
gap:12px;
margin-bottom:14px;
}
.dre-tool-review-post .dre-tool-review-context-nav .entry-category{
justify-self:end;
}
.dre-tool-review-post .dre-tool-review-context-nav .dre-editorial-context-spacer{
display:none;
}
}.dre-editorial-collection{
color:#0a0a0a;
font-family:"Raleway",Arial,sans-serif;
}
.dre-editorial-collection *{box-sizing:border-box}
.dre-collection-intro{
margin:0 0 48px;
}
.dre-collection-intro>*:first-child{margin-top:0}
.dre-collection-intro>*:last-child{margin-bottom:0}
.dre-editorial-list{display:flex;flex-direction:column;gap:34px}
.dre-editorial-item{display:grid;grid-template-columns:70px minmax(0,1fr);border-top:2px solid #0a0a0a;padding-top:24px}
.dre-editorial-rank{font-size:50px;line-height:1;font-weight:800;letter-spacing:-2px;color:#d9d9d9}
.dre-editorial-item-body{min-width:0}
.dre-editorial-tool-head{display:flex;align-items:center;gap:14px;cursor:pointer;border-radius:8px}
.dre-editorial-tool-head:focus-visible{outline:2px solid #0a0a0a;outline-offset:5px}
.dre-editorial-logo{width:52px;height:52px;border-radius:12px;background:#f4f4f4;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:22px;font-weight:800;flex:none}
.dre-editorial-logo img{width:100%;height:100%;object-fit:contain}
.dre-editorial-tool-head h2{font-size:28px;line-height:1.1;margin:0}
.dre-editorial-category{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#999;margin:4px 0 0}
.dre-editorial-rating{margin-left:auto;color:#f4b400;letter-spacing:2px;white-space:nowrap}
.dre-editorial-blurb{font-size:1.8rem;line-height:1.65;margin:20px 0 12px;color:#111}
.dre-editorial-blurb p{margin:0}
.dre-editorial-summary,.dre-editorial-who{font-size:18px;line-height:1.65;color:#555;margin:10px 0}
.dre-editorial-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.dre-editorial-actions a{font:inherit;font-size:12px;font-weight:600;padding:9px 12px;border-radius:6px;text-decoration:none!important;white-space:nowrap}
.dre-editorial-actions .dre-action-review{background:#0a0a0a;color:#fff;border:1px solid #0a0a0a}
.dre-editorial-actions .dre-action-profile,.dre-editorial-actions .dre-action-visit{background:#fff;color:#0a0a0a;border:1px solid #0a0a0a}
.dre-collection-empty{padding:30px;border:1px solid #eee}
@media(max-width:700px){
.dre-collection-intro{margin-bottom:36px}
.dre-editorial-item{grid-template-columns:44px minmax(0,1fr)}
.dre-editorial-rank{font-size:34px}
.dre-editorial-tool-head{align-items:flex-start;flex-wrap:wrap}
.dre-editorial-rating{width:100%;margin-left:66px}
.dre-editorial-actions{flex-direction:column}
.dre-editorial-actions a{text-align:center}
} .dre-editorial-actions a,
.dre-editorial-actions a:hover,
.dre-editorial-actions a:focus{
text-decoration:none!important;
}
.dre-editorial-actions .dre-action-review,
.dre-editorial-actions .dre-action-review:hover,
.dre-editorial-actions .dre-action-review:focus{
background:#0a0a0a;
color:#fff!important;
border:1px solid #0a0a0a;
}
.dre-editorial-actions .dre-action-profile,
.dre-editorial-actions .dre-action-profile:hover,
.dre-editorial-actions .dre-action-profile:focus,
.dre-editorial-actions .dre-action-visit,
.dre-editorial-actions .dre-action-visit:hover,
.dre-editorial-actions .dre-action-visit:focus{
background:#fff;
color:#0a0a0a!important;
border:1px solid #0a0a0a;
} .dre-editorial-tool-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.dre-editorial-tool-tags span{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid #e6e6e6;border-radius:100px;font-family:"Raleway",Arial,sans-serif;font-size:10px;line-height:1.3;font-weight:600;color:#666;background:#fff}
.dre-editorial-tool-tags .dre-tool-ai-badge{background:#fff4f4;color:#b73f3e;border-color:#efc2c1;font-weight:700} .dre-editorial-rating .dre-rating-lockup{justify-content:flex-end}
@media(max-width:700px){
.dre-editorial-rating .dre-rating-lockup{justify-content:flex-start}
} .dre-editorial-tool-head{align-items:flex-start}
.dre-editorial-rating{align-self:flex-start;padding-top:2px;color:inherit;letter-spacing:normal}
.dre-editorial-rating .dre-rating-lockup{align-items:flex-start;justify-content:flex-end}
@media(max-width:700px){
.dre-editorial-rating .dre-rating-lockup{justify-content:flex-start}
} .dre-collection-content{margin:0 0 48px}
.dre-collection-content>*:first-child{margin-top:0}
.dre-collection-content>*:last-child{margin-bottom:0}
@media(max-width:700px){.dre-collection-content{margin-bottom:36px}} .dre-editorial-actions .dre-action-profile{white-space:nowrap} .entry-content .dre-editorial-actions a.dre-action-profile,
.entry-content .dre-editorial-actions a.dre-action-review,
.entry-content .dre-editorial-actions a.dre-action-visit,
.entry-content .dre-editorial-actions a.dre-action-profile:visited,
.entry-content .dre-editorial-actions a.dre-action-review:visited,
.entry-content .dre-editorial-actions a.dre-action-visit:visited{
background:#fff!important;
color:#0a0a0a!important;
border:1px solid #0a0a0a!important;
text-decoration:none!important;
box-shadow:none!important;
}
.entry-content .dre-editorial-actions a.dre-action-profile:hover,
.entry-content .dre-editorial-actions a.dre-action-review:hover,
.entry-content .dre-editorial-actions a.dre-action-visit:hover,
.entry-content .dre-editorial-actions a.dre-action-profile:focus,
.entry-content .dre-editorial-actions a.dre-action-review:focus,
.entry-content .dre-editorial-actions a.dre-action-visit:focus{
background:#f7f7f7!important;
color:#0a0a0a!important;
border-color:#0a0a0a!important;
text-decoration:none!important;
}