/* The centered study puts the words within the orbital field. */
html.ag body #kind-words .quote-universe[data-planet-layout="centered"]{position:relative;min-height:650px!important;display:block!important;max-width:1380px;padding:0!important;margin:0 auto!important}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .planet-stage{position:relative;width:100%;height:650px;z-index:1}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .planet-stage:after{inset:0;background:radial-gradient(ellipse 43% 44% at 50% 50%,#8e57bd20,transparent 80%);z-index:-3}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .planet-sun{width:68%;height:86%;aspect-ratio:auto;top:50%;background:radial-gradient(ellipse at center,#6240808c 0%,#51326d66 37%,#3b2b5933 62%,transparent 76%);box-shadow:none!important;filter:blur(23px);opacity:1;z-index:-2}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .planet-sun span{display:none}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .planet-orbit{top:50%;transform:none;border-width:1.5px;border-style:dotted;border-color:#e6cff47a}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .orbit-one{width:57%;height:54%}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .orbit-two{width:70%;height:66%}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .orbit-three{width:83%;height:78%}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .orbit-four{width:97%;height:92%}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] #quoteStars .star-0{--planet-x:16%;--planet-y:38%}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] #quoteStars .star-1{--planet-x:84%;--planet-y:39%}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] #quoteStars .star-2{--planet-x:12%;--planet-y:62%}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] #quoteStars .star-3{--planet-x:85%;--planet-y:66%}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] #quoteStars .star-4{--planet-x:13%;--planet-y:25%}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] #quoteStars .star-5{--planet-x:88%;--planet-y:26%}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] #quoteStars .star-4 .stellar-point{background:repeating-linear-gradient(165deg,#ffffff00 0 7px,#fff9 8px 10px,#ffffff00 12px 18px),radial-gradient(circle at 32% 25%,#fff 0 3%,#ffffffb0 11%,var(--planet-color) 38%,var(--planet-dark) 100%)!important}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .quote-note{position:absolute!important;left:50%;top:50%;translate:-50% -50%;width:min(53%,600px)!important;max-width:none!important;margin:0!important;padding:8px 12px!important;z-index:5;pointer-events:none}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .quote-note:before{display:none!important}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .quote-note blockquote{font:500 clamp(27px,2.8vw,40px)/1.22 'Helvetica Neue',Helvetica,sans-serif!important;letter-spacing:-.04em!important;margin:0 0 32px!important}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .quote-note blockquote:before{content:'“'}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .quote-note blockquote:after{content:'”'}
html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .quote-credit strong{font-weight:600}
html.ag body[data-theme=day] #kind-words .quote-universe[data-planet-layout="centered"] .planet-sun{background:radial-gradient(ellipse at center,#dec6f5bc 0%,#e1ccf38a 40%,#dfc7ef30 64%,transparent 78%)}
html.ag body[data-theme=day] #kind-words .quote-universe[data-planet-layout="centered"] .planet-orbit{border-color:#8f66ad91}

@media(max-width:850px){
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"],
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .planet-stage{height:620px;min-height:620px!important}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .quote-note{width:62%!important}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .quote-note blockquote{font-size:clamp(21px,3.8vw,28px)!important}
}
@media(max-width:520px){
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"],
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .planet-stage{height:650px;min-height:650px!important}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .quote-note{width:67%!important;padding:0!important}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .quote-note blockquote{font-size:clamp(18px,5vw,21px)!important;line-height:1.18!important;margin-bottom:20px!important}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .quote-credit strong{font-size:11px!important}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .quote-credit span{font-size:10px!important}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .planet-sun{width:91%;height:83%}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .planet-orbit{height:94%}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .orbit-one{width:73%;height:67%}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .orbit-two{width:88%;height:76%}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .orbit-three{width:105%;height:86%}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] .orbit-four{width:123%;height:96%}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] #quoteStars .star-0{--planet-x:10%;--planet-y:33%}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] #quoteStars .star-1{--planet-x:90%;--planet-y:35%}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] #quoteStars .star-2{--planet-x:8%;--planet-y:68%}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] #quoteStars .star-3{--planet-x:91%;--planet-y:69%}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] #quoteStars .star-4{--planet-x:19%;--planet-y:13%}
 html.ag body #kind-words .quote-universe[data-planet-layout="centered"] #quoteStars .star-5{--planet-x:81%;--planet-y:14%}
}