#preview-container {
opacity: 0 !important;
transition: 0.3s ease-out !important;
}
#preview-container.funnel-loaded {
opacity: 1 !important;
}
:root {
--black: #000000;
--gray: #B9B9B9;
--primary: #5089C4;
--secondary: #82BD6F;
--red: #D3E1F0;
--orange: #E0EEDB;
--yellow: #9CA7A5;
--green: #E3E5D6;
--teal: #5e5e5e;
--malibu: #FFEAC5;
--indigo: #8E8CA3;
--purple: #CDD1DE;
}
div[title="Black"] .inner {
background-color: var(--black)!important;
}
div[title="Gray"] .inner {
background-color: var(--gray)!important;
}
div[title="Primary"] .inner {
background-color: var(--primary)!important;
}
div[title="Secondary"] .inner {
background-color: var(--secondary)!important;
}
div[title="Red"] .inner {
background-color: var(--red)!important;
}
div[title="Orange"] .inner {
background-color: var(--orange)!important;
}
div[title="Yellow"] .inner {
background-color: var(--yellow)!important;
}
div[title="Green"] .inner {
background-color: var(--green)!important;
}
div[title="Teal"] .inner {
background-color: var(--teal)!important;
}
div[title="Malibu"] .inner {
background-color: var(--malibu)!important;
}
div[title="Indigo"] .inner {
background-color: var(--indigo)!important;
}
div[title="Purple"] .inner {
background-color: var(--purple)!important;
}