#vtiger-wrapper { /* Global */ --focus: 0 0 0 2px #ffffff, 0 0 0 4px #000000, 0 0 0 6px #ffffff; --boxShadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a; --fontFamily: "Poppins", Arial, sans-serif; /* Color Scheme */ --primaryColor: #533BE2; --backgroundColor: #FFFFFF; --textColor: #253B48; /* Backdrop */ --backdropBackgroundColor: #00000033; --backdropBackgroundBlur: 0px; /* Cookie Icon */ --cookieIconColor: #533BE2; --cookieIconBackgroundColor: #FFFFFF; position: fixed; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 99999; pointer-events: none; border: 0px; display: flex; justify-content: center; align-items: center;}/* Backdrop (Global) */#vtiger-backdrop-global { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: auto; border: 0px; display: none;}/* -------------------------------- Links-------------------------------- */#vtiger-wrapper a { all: unset; display: inline-block; color: var(--primaryColor); text-decoration: underline;}#vtiger-wrapper a:hover { cursor: pointer; color: var(--textColor);}/* -------------------------------- Focus Styles-------------------------------- */#vtiger-wrapper a:focus,#vtiger-wrapper #vtiger-banner button:focus,#vtiger-wrapper #vtiger-modal button:focus,#vtiger-wrapper #vtiger-cookie-icon:focus { outline: none; box-shadow: none; border-radius: 5px;}#vtiger-wrapper #vtiger-cookie-icon:focus { border-radius: 50%;}/* -------------------------------- General Styles-------------------------------- */#vtiger-wrapper .st-button { color: var(--backgroundColor); background-color: var(--primaryColor); border: 2px solid var(--primaryColor); padding: 10px 20px; text-decoration: none; text-align: center; display: inline-block; font-size: 16px; line-height: 24px; cursor: pointer; border-radius: 5px;}#vtiger-wrapper .st-button--primary {}#vtiger-wrapper .st-button--primary:hover { background-color: var(--backgroundColor); color: var(--primaryColor);}#vtiger-wrapper .st-button--secondary { background-color: var(--backgroundColor); color: var(--primaryColor);}#vtiger-wrapper .st-button--secondary:hover { background-color: var(--primaryColor); color: var(--backgroundColor);}/* -------------------------------- Banner-------------------------------- */#vtiger-banner { font-family: var(--fontFamily); color: var(--textColor); background-color: var(--backgroundColor); box-sizing: border-box; padding: 32px; border-radius: 5px; pointer-events: auto; border: 0px; position: fixed; bottom: 16px; right: 16px; width: 600px; overflow: auto; max-width: calc(100% - 32px); max-height: calc(100vh - 32px); transform: translate(0, -20px); opacity: 0; animation: vtiger-slideInDown 350ms ease-out forwards; animation-delay: 0.3s; box-shadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;}#vtiger-banner:focus { border-radius: 50%;}#vtiger-banner.center { top: 50%; left: 50%; bottom: auto; right: auto; position: fixed; transform: translate(-50%, calc(-50% - 20px)); animation: vtiger-slideInDown-center 350ms ease-out forwards;}/* === THIS IS THE MODIFIED SECTION === */#vtiger-banner.bottomLeft { bottom: 5px; /* Changed from 16px */ left: 5px; /* Changed from 16px */ right: auto; /* Added to override default */ position: fixed;}/* === END OF MODIFIED SECTION === */#vtiger-banner.bottomCenter { bottom: 16px; left: 50%; position: fixed; transform: translate(-50%, -20px); animation: vtiger-slideInDown-bottomCenter 350ms ease-out forwards;}#vtiger-banner .preferences { display: flex; gap: 5px; border: none; padding: 15px 0px; background-color: transparent; color: var(--primaryColor); cursor: pointer; font-size: 16px;}/* This rule applies to the preferences button when it's NOT styled as a button */#vtiger-banner .preferences:not(.st-button) span { display: block; white-space: nowrap; text-decoration: underline;}#vtiger-banner .preferences:not(.st-button) span:hover { color: var(--textColor);}/* Removed the :after rule that added the '>' character */#vtiger-banner p { font-size: 16px; line-height: 24px; margin: 0px 0px 15px;}#vtiger-banner a { display: inline-block; color: var(--primaryColor); text-decoration: underline; background-color: var(--backgroundColor);}#vtiger-banner a:hover { color: var(--textColor);}#vtiger-banner a.vtiger-logo { display: flex; align-items: center; justify-content: center; fill: var(--primaryColor); /* passed down to svg > path */ margin-left: auto; width: 48px; height: 48px;}#vtiger-banner .actions { display: flex; gap: 16px; flex-direction: column; margin-top: 24px;}@media (min-width: 600px) { #vtiger-banner .actions { flex-direction: row; align-items: center; }}#vtiger-banner .actions-row { display: flex; gap: 16px; flex-direction: row; align-items: center; justify-content: space-between; flex-grow: 1;}/* -------------------------------- Modal-------------------------------- */#vtiger-modal { display: none; pointer-events: auto; overflow: auto; width: 800px; max-width: 100%; max-height: 100%; border: 0px; transform: translate(0px, -20px); opacity: 0; animation: vtiger-slideInUp-center 350ms ease-out forwards; box-shadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a; font-family: var(--fontFamily); color: var(--textColor); flex-direction: column; padding: 30px; background-color: var(--backgroundColor); border-radius: 5px; box-sizing: border-box;}/* -------------------------------- Modal - Header-------------------------------- */#vtiger-modal header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; gap: 16px;}#vtiger-modal h1 { font-family: var(--fontFamily); color: var(--textColor); font-size: 24px; font-weight: 500; margin: 0px;}#vtiger-modal .modal-close { display: inline-flex; border: none; padding: 13px; border: 0px; cursor: pointer; background: var(--backgroundColor); color: var(--primaryColor);}#vtiger-modal .modal-close svg { fill: var(--primaryColor);}/* -------------------------------- Modal - Content-------------------------------- */#vtiger-modal section { flex: 1; margin-top: 32px;}#vtiger-modal section::-webkit-scrollbar { display: block; /* Force scrollbars to show */ width: 5px; /* Width of the scrollbar */}#vtiger-modal section::-webkit-scrollbar-thumb { background-color: var(--textColor); /* Color of the scrollbar thumb */ border-radius: 10px; /* Rounded corners for the thumb */}#vtiger-modal p { font-size: 16px; line-height: 24px; color: var(--textColor); margin: 0px 0px 15px;}#vtiger-modal p:last-of-type { margin: 0px;}#vtiger-modal fieldset { padding: 0px; border: none; margin: 0px 0px 32px;}#vtiger-modal fieldset:last-of-type { margin: 0px;}#vtiger-modal legend { padding: 0px; margin: 0px 0px 10px; font-weight: 700; color: var(--textColor); font-size: 16px;}#vtiger-modal .cookie-type-content { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; }/* -------------------------------- Modal - Switches-------------------------------- */#vtiger-modal .switch { flex-shrink: 0; position: relative; display: inline-block; height: 34px; width: 74px; cursor: pointer;}#vtiger-modal .switch:focus-within { outline: none; box-shadow: var(--focus); border-radius: 25px;}#vtiger-modal .switch input { opacity: 0; position: absolute;}/* Unchecked Switch Styles */#vtiger-modal .switch__pill { position: relative; display: block; height: 34px; width: 74px; background: var(--textColor); border-radius: 25px;}#vtiger-modal .switch__dot { position: absolute; top: 2px; left: 2px; display: block; height: 30px; width: 30px; background: var(--backgroundColor); border-radius: 50%; transition: left 150ms ease-out;}#vtiger-modal .switch__off,#vtiger-modal .switch__on { text-transform: uppercase; font-size: 15px; font-weight: 500; color: var(--backgroundColor); position: absolute; top: 7px; right: 8px; transition: right 150ms ease-out, opacity 150ms ease-out;}#vtiger-modal .switch__off { opacity: 1;}#vtiger-modal .switch__on { opacity: 0;}/* Checked Switch Styles */#vtiger-modal .switch input:checked + .switch__pill { background: var(--primaryColor);}#vtiger-modal .switch input:checked ~ .switch__dot { left: calc(100% - 32px);}#vtiger-modal .switch input:checked ~ .switch__off { right: calc(100% - 32px); opacity: 0;}#vtiger-modal .switch input:checked ~ .switch__on { right: calc(100% - 34px); opacity: 1;}/* Disabled Switch Styles */#vtiger-modal .switch input:disabled + .switch__pill { opacity: 0.65; cursor: not-allowed;}/* -------------------------------- Modal - Footer-------------------------------- */#vtiger-modal .st-modal-footer { display: flex; flex-direction: column; gap: 16px; margin-top: 24px; align-items: center;}@media (min-width: 600px) { #vtiger-modal .st-modal-footer { flex-direction: row; align-items: center; justify-content: center; }}#vtiger-modal .st-modal-footer a { margin-left: auto; padding: 14px 0px;}/* Cookie Icon */#vtiger-cookie-icon { display: none; position: fixed; bottom: 10px; left: 10px; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; padding: 0px; border: none; background-color: var(--cookieIconColor); cursor: pointer; box-shadow: 0px 0px 6px 0px #0000001a; pointer-events: auto; animation: vtiger-fadeIn 0.3s ease-in-out forwards;}#vtiger-cookie-icon.bottomRight { left: auto; right: 10px;}#vtiger-cookie-icon svg { fill: var(--cookieIconBackgroundColor);}/* -------------------------------- Backdrop-------------------------------- */#vtiger-backdrop { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--backdropBackgroundColor); backdrop-filter: blur(var(--backdropBackgroundBlur)); pointer-events: all;}/* -------------------------------- Animations-------------------------------- */@keyframes vtiger-fadeIn { from { opacity: 0; } to { opacity: 1; }}@keyframes vtiger-slideInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); }}@keyframes vtiger-slideInDown-center { from { opacity: 0; transform: translate(-50%, calc(-50% - 20px)); } to { opacity: 1; transform: translate(-50%, -50%); }}@keyframes vtiger-slideInDown-bottomCenter { from { opacity: 0; transform: translate(-50%, -20px); } to { opacity: 1; transform: translate(-50%, 0); }}@keyframes vtiger-slideInUp-center { from { opacity: 0; transform: translate(0px, 20px); } to { opacity: 1; transform: translate(0px, 0px); }}