.jot-home-color-card{order:var(--color-mobile-order);border-color:#c084fc40!important}
.jot-home-color-art,.jot-home-color-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.jot-home-color-shade{background:linear-gradient(90deg,#090a10cc 0%,#090a1080 55%,transparent 100%)}
.jot-home-color-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%}
.jot-home-color-icon{order:2;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid #d8b4fe40;border-radius:16px;background:#7c3aed26;color:#e9d5ff;font-size:20px}
.jot-home-color-copy{width:72%;min-width:0}
.jot-home-color-copy .jot-home-control-kicker{display:block}
.jot-home-color-title{display:grid!important;margin-top:4px;font-size:18px;font-weight:900;line-height:1.25}
.jot-home-color-title>span{grid-area:1/1;align-self:start}
.jot-home-color-title-space{visibility:hidden}
[data-home-color-title]{color:#fff;text-shadow:none}
[data-home-color-title].is-single{color:#fb923c}
[data-home-color-title].is-dual{background:linear-gradient(180deg,#fb923c 3%,#f59e0b 34%,#c084fc 67%,#8b5cf6 97%);background-clip:text;-webkit-background-clip:text;color:transparent}
@media(max-width:1023px){.jot-home-color-card{order:var(--color-mobile-order)}}
@media(max-width:480px){.jot-home-color-copy{width:76%}.jot-home-color-content{gap:9px}.jot-home-color-icon{flex-basis:36px;width:36px;height:36px;font-size:18px}.jot-home-color-title{font-size:17px}}
@media(prefers-reduced-motion:reduce){.jot-home-color-card{transition:none!important;transform:none!important}}