.dw-nudge-highlight {
position: relative;
cursor: pointer;
}
.dw-nudge-text {
background-color: #fff59d;
padding: 0 3px;
border-radius: 2px;
} .dw-nudge-highlight::after {
content: attr(data-prompt);
position: absolute;
bottom: 120%;
left: 50%;
transform: translateX(-50%);
background: #333;
color: #fff;
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: opacity .2s;
pointer-events: none;
z-index: 1000;
}
.dw-nudge-highlight:hover::after {
opacity: 1;
visibility: visible;
} .dw-nudge-badge {
font-size: 1.1em;
margin-left: 8px;
color: #555;
} .dw-nudge-context {
background: #f9f9f9;
padding: 5px 8px;
margin-bottom: 6px;
border-left: 3px solid #666;
font-size: 0.9em;
}
.dw-nudge-context-link {
text-decoration: none;
color: #333;
} .dw-nudge-flash {
animation: dw-nudge-flash 1.2s ease-in-out;
}
@keyframes dw-nudge-flash {
0% { background-color: rgba(255,250,120,0.95); }
60% { background-color: rgba(255,250,120,0.6); }
100% { background-color: transparent; }
}.dwpp-preferred-sources-floater{
position:fixed;
left:22px;
bottom:22px;
z-index:99990;
width:min(380px,calc(100vw - 44px));
box-sizing:border-box;
filter:drop-shadow(0 9px 22px rgba(0,0,0,.14));
}
.dwpp-preferred-sources-floater[hidden]{display:none!important}
.dwpp-preferred-sources-floater__trigger{
appearance:none;
-webkit-appearance:none;
display:flex;
align-items:center;
gap:14px;
width:100%;
min-height:70px;
margin:0;
padding:11px 44px 11px 16px;
border:2px solid #2d2d2d;
border-radius:18px;
background:#fff;
color:#2d2d2d;
font:inherit;
text-align:left;
cursor:pointer;
transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.dwpp-preferred-sources-floater__trigger:hover{
transform:translateY(-1px);
box-shadow:0 6px 16px rgba(0,0,0,.10);
background:#fff;
}
.dwpp-preferred-sources-floater__trigger:focus-visible{
outline:3px solid #e85554;
outline-offset:3px;
}
.dwpp-preferred-sources-floater__google-g{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
font-family:Arial,Helvetica,sans-serif;
font-size:39px;
font-weight:700;
line-height:1;
letter-spacing:-5px;
background:conic-gradient(from -35deg,#4285f4 0 25%,#34a853 25% 45%,#fbbc05 45% 67%,#ea4335 67% 82%,#4285f4 82% 100%);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.dwpp-preferred-sources-floater__label{
display:block;
font-size:16px;
font-weight:700;
line-height:1.3;
letter-spacing:-.01em;
}
.dwpp-preferred-sources-floater__close{
position:absolute;
top:8px;
right:10px;
z-index:2;
width:31px;
height:31px;
padding:0;
border:0;
border-radius:50%;
background:transparent;
color:#777;
font-family:Arial,Helvetica,sans-serif;
font-size:21px;
font-weight:400;
line-height:29px;
text-align:center;
cursor:pointer;
}
.dwpp-preferred-sources-floater__close:hover,
.dwpp-preferred-sources-floater__close:focus-visible{
background:#f1f1f1;
color:#222;
outline:none;
}
@media (max-width:640px){
.dwpp-preferred-sources-floater{
left:14px;
bottom:14px;
width:calc(100vw - 28px);
}
.dwpp-preferred-sources-floater__trigger{
min-height:62px;
gap:11px;
padding:10px 38px 10px 14px;
border-width:2px;
border-radius:17px;
}
.dwpp-preferred-sources-floater__google-g{
width:34px;
height:34px;
font-size:32px;
}
.dwpp-preferred-sources-floater__label{
font-size:15px;
line-height:1.25;
}
}
@media print{
.dwpp-preferred-sources-floater{display:none!important}
}