/* Art direction shared through Compor, with an individual entry for each look. */
.cp-look-luxo .pr-opening{background:var(--pr-night);color:#fff}
.cp-look-premium .pr-opening{background:var(--pr-yellow);color:#201d48}
.cp-look-premium .pr-opening-title span{color:var(--pr-blue)}
.cp-look-premium .pr-opening-photo{background:var(--pr-yellow)}
.cp-look-luxo .pr-look-parts>div,.cp-look-premium .pr-look-parts>div{grid-template-columns:100px 1fr}
.cp-look-premium .pr-details{border-top:1px solid #201d48}
.cp-look-premium .pr-colors{background:var(--pr-night);color:#fff}
.cp-look-premium .pr-color-options button{border-color:#ffffff80}
.cp-look-premium .pr-color-options button[aria-pressed=true]{background:var(--pr-yellow);color:#201d48;border-color:var(--pr-yellow)}
.cp-look-luxo .pr-star{width:76px}
.cp-look-classic .pr-color-options button{min-width:115px}
.cp-look-premium .pr-photo-grid button,.cp-look-luxo .pr-photo-grid button{background:#005ad2}
@media(max-width:760px){
 .cp-look-classic .pr-color-options button{min-width:0}
 .cp-look-luxo .pr-color-options button,.cp-look-premium .pr-color-options button{line-height:1.4}
 .cp-look-luxo .pr-star{width:52px}
 .cp-look-premium .pr-opening .pr-eyebrow{max-width:31em}
 :is(.cp-look-classic,.cp-look-luxo,.cp-look-premium) .pr-colors{display:flex;flex-direction:column;padding:24px 20px}
 :is(.cp-look-classic,.cp-look-luxo,.cp-look-premium) .pr-colors>.pr-copy{display:contents}
 :is(.cp-look-classic,.cp-look-luxo,.cp-look-premium) .pr-colors .pr-copy>.pr-eyebrow{order:0;margin:0 0 14px}
 :is(.cp-look-classic,.cp-look-luxo,.cp-look-premium) .pr-colors .pr-copy>h3{order:1}
 :is(.cp-look-classic,.cp-look-luxo,.cp-look-premium) .pr-colors .pr-copy>p:not(.pr-eyebrow):not(.pr-caption){order:2;margin-top:18px}
 :is(.cp-look-classic,.cp-look-luxo,.cp-look-premium) .pr-colors .pr-color-options{order:3;margin:22px 0 18px}
 :is(.cp-look-classic,.cp-look-luxo,.cp-look-premium) .pr-colors .pr-color-media{order:4;margin:0 -20px}
 :is(.cp-look-classic,.cp-look-luxo,.cp-look-premium) .pr-colors .pr-color-description{order:5;margin-top:22px}
 :is(.cp-look-classic,.cp-look-luxo,.cp-look-premium) .pr-colors .pr-caption{order:6;margin-top:20px}
}