:root{
--ad-bg:#FAE2C9;
--ad-rose:#FAE4DB;
--ad-cream:#FDF2E7;
--ad-brand:#7D9D95;
--ad-brand-hover:#61887E;
--ad-brand-border:#61887E;
--ad-accent:#F5C7B0;
--ad-text:#2F2F2F;
--ad-border:rgba(17,17,17,.10);
--ad-shadow:0 20px 56px rgba(0,0,0,.08);
--ad-shell-gradient:linear-gradient(180deg, #FAE2C9 0%, #FDF2E7 100%);
--ad-shell-overlay:
radial-gradient(circle at top left, rgba(245,199,176,.55), transparent 34%),
radial-gradient(circle at bottom right, rgba(125,157,149,.20), transparent 30%),
linear-gradient(180deg, #FAE2C9 0%, #FDF2E7 100%);
}
body.ad-artistdonations-surface{
color:var(--ad-text);
}
body.ad-artistdonations-surface:not(.ad-artistdonations-404){
position:relative;
isolation:isolate;
min-height:100vh;
min-height:100dvh;
background:var(--ad-shell-gradient) !important;
background-color:var(--ad-cream) !important;
}
body.ad-artistdonations-surface:not(.ad-artistdonations-404)::before{
content:"";
position:fixed;
inset:0;
z-index:-1;
pointer-events:none;
background:var(--ad-shell-overlay);
}
body.ad-artistdonations-surface #page,
body.ad-artistdonations-surface #content,
body.ad-artistdonations-surface .wp-site-blocks,
body.ad-artistdonations-surface .site,
body.ad-artistdonations-surface .site-main,
body.ad-artistdonations-surface .site-content,
body.ad-artistdonations-surface .content-area,
body.ad-artistdonations-surface .entry-content,
body.ad-artistdonations-surface .wp-block-post-content,
body.ad-artistdonations-surface article,
body.ad-artistdonations-surface main{
background:transparent !important;
}
body.ad-artistdonations-hide-native-chrome .entry-header,
body.ad-artistdonations-hide-native-chrome .page-header,
body.ad-artistdonations-hide-native-chrome .post-thumbnail,
body.ad-artistdonations-hide-native-chrome .wp-block-post-featured-image,
body.ad-artistdonations-hide-native-chrome .entry-title,
body.ad-artistdonations-hide-native-chrome .page-title{
display:none !important;
}
body.ad-artistdonations-hide-native-chrome .entry-content,
body.ad-artistdonations-hide-native-chrome .site-main,
body.ad-artistdonations-hide-native-chrome .content-area,
body.ad-artistdonations-hide-native-chrome .wp-site-blocks,
body.ad-artistdonations-hide-native-chrome .wp-block-post-content,
body.ad-artistdonations-hide-native-chrome .post,
body.ad-artistdonations-hide-native-chrome .page,
body.ad-artistdonations-hide-native-chrome article,
body.ad-artistdonations-hide-native-chrome main{
margin:0 !important;
padding:0 !important;
max-width:none !important;
min-height:0 !important;
}
body.ad-artistdonations-hide-native-chrome .entry-content,
body.ad-artistdonations-hide-native-chrome .wp-block-post-content{
padding:0 !important;
}
body.ad-artistdonations-surface .artistdonations-tip{
display:flex;
flex-direction:column;
gap:12px;
width:min(100%, 580px);
margin:0 auto;
padding:clamp(.78rem, 2.8vw, 1.45rem) 1rem 4rem;
}
body.ad-artistdonations-tip .artistdonations-about{
border:1px solid rgba(47,47,47,.065);
border-radius:18px;
background:rgba(253,242,231,.62);
box-shadow:0 8px 20px rgba(42,45,42,.035);
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
overflow:hidden;
}
body.ad-artistdonations-tip .artistdonations-tip-hero{
display:grid;
gap:8px;
padding:1px 2px 0;
}
body.ad-artistdonations-tip .artistdonations-tip-identity{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
body.ad-artistdonations-tip .artistdonations-avatar{
flex:0 0 auto;
width:40px;
height:40px;
border-radius:999px;
overflow:hidden;
display:grid;
place-items:center;
background:rgba(250,228,219,.72);
box-shadow:0 8px 18px rgba(42,45,42,.08);
}
body.ad-artistdonations-tip .artistdonations-avatar img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
body.ad-artistdonations-tip .artistdonations-avatar--initials{
color:#22302D;
font-size:1.35rem;
font-weight:800;
line-height:1;
}
body.ad-artistdonations-tip .artistdonations-tip-identity__text{
display:grid;
gap:3px;
min-width:0;
}
body.ad-artistdonations-tip .artistdonations-name,
body.ad-artistdonations-tip .artistdonations-meta,
body.ad-artistdonations-tip .artistdonations-tip-copy p,
body.ad-artistdonations-tip .artistdonations-about p{
margin:0;
}
body.ad-artistdonations-tip .artistdonations-name{
overflow:hidden;
color:#22302D;
font-size:.94rem;
font-weight:850;
line-height:1.16;
text-overflow:ellipsis;
white-space:nowrap;
}
body.ad-artistdonations-tip .artistdonations-meta{
display:flex;
align-items:center;
gap:5px;
min-width:0;
overflow:hidden;
color:#68615C;
font-size:.8rem;
line-height:1.22;
white-space:nowrap;
}
body.ad-artistdonations-tip .artistdonations-meta span{
overflow:hidden;
text-overflow:ellipsis;
}
body.ad-artistdonations-tip .artistdonations-tip-copy{
display:grid;
gap:0;
}
body.ad-artistdonations-tip .artistdonations-tip-copy h1{
margin:0;
color:#22302D;
font-size:clamp(1.36rem, 5.4vw, 1.78rem);
font-weight:900;
letter-spacing:-.04em;
line-height:1.02;
}
body.ad-artistdonations-tip .artistdonations-tip-copy p{
max-width:28ch;
color:#5E5751;
font-size:.95rem;
font-weight:650;
line-height:1.45;
}
body.ad-artistdonations-tip .artistdonations-donate{
display:flex;
justify-content:center;
}
body.ad-artistdonations-tip .artistdonations-about{
display:block;
}
body.ad-artistdonations-tip .artistdonations-about summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
min-height:46px;
padding:0 13px;
color:#22302D;
font-size:.84rem;
font-weight:850;
line-height:1.2;
cursor:pointer;
list-style:none;
}
body.ad-artistdonations-tip .artistdonations-about summary::-webkit-details-marker{
display:none;
}
body.ad-artistdonations-tip .artistdonations-about summary:focus-visible{
outline:2px solid rgba(97,136,126,.22);
outline-offset:-2px;
}
body.ad-artistdonations-tip .artistdonations-about__indicator{
position:relative;
flex:0 0 auto;
inline-size:18px;
block-size:18px;
border-radius:999px;
background:rgba(97,136,126,.10);
}
body.ad-artistdonations-tip .artistdonations-about__indicator::before,
body.ad-artistdonations-tip .artistdonations-about__indicator::after{
content:'';
position:absolute;
inset:50% auto auto 50%;
inline-size:8px;
block-size:2px;
border-radius:999px;
background:#61887E;
transform:translate(-50%, -50%);
}
body.ad-artistdonations-tip .artistdonations-about__indicator::after{
transform:translate(-50%, -50%) rotate(90deg);
transition:opacity .16s ease, transform .2s ease;
}
body.ad-artistdonations-tip .artistdonations-about[open] .artistdonations-about__indicator::after{
opacity:0;
transform:translate(-50%, -50%) rotate(0deg);
}
body.ad-artistdonations-tip .artistdonations-about__content{
display:grid;
gap:8px;
padding:0 13px 13px;
}
body.ad-artistdonations-tip .artistdonations-about p{
color:#5E5751;
font-size:.86rem;
line-height:1.48;
}
body.ad-artistdonations-tip .artistdonations-about a{
justify-self:start;
color:#4E766D;
font-size:.92rem;
font-weight:800;
text-decoration:none;
}
body.ad-artistdonations-tip .artistdonations-about a:hover,
body.ad-artistdonations-tip .artistdonations-about a:focus-visible{
color:#365F56;
text-decoration:underline;
}
@media (max-width:480px){
body.ad-artistdonations-surface .artistdonations-tip{
gap:11px;
padding-inline:14px;
}
body.ad-artistdonations-tip .artistdonations-about{
border-radius:18px;
}
body.ad-artistdonations-tip .artistdonations-tip-hero{
padding:2px 1px 0;
}
body.ad-artistdonations-tip .artistdonations-avatar{
width:38px;
height:38px;
}
body.ad-artistdonations-tip .artistdonations-tip-copy h1{
font-size:clamp(1.32rem, 6.9vw, 1.66rem);
}
}