.co-popup{background-color:var(--background-color, var(--basic-000, #ffffff));color:var(--text-default, var(--basic-900, #07111b));box-sizing:border-box;box-shadow:var(--shadow-2, var(--shadow-level-2, 0 2px 6px) rgba(0, 0, 0, 0.4));border:var(--border-width-hairline, 1px) solid var(--secondary-4, var(--basic-000, #ffffff));border-radius:var(--popup-border-radius, var(--border-radius-xsmall, 4px));opacity:var(--opacity-transparent, 0);visibility:hidden}.co-popup.co-popup--small{width:200px}.co-popup.co-popup--medium,.co-popup{width:300px}.co-popup.co-popup--large{width:400px}.co-popup.co-popup--compact{display:inline-block;white-space:nowrap;width:auto}.co-popup.co-popup--light{background-color:var(--gray-12, var(--basic-000, #ffffff));color:var(--gray-contrast, var(--basic-900, #07111b));border-color:var(--gray-a11, #f0f7feb5)}.co-popup.co-popup--dark{background-color:var(--gray-12, #1d2123);color:var(--gray-contrast, var(--basic-000, #ffffff));border-color:var(--gray-a11, #00080f9f)}.co-popup.co-popup--error{background-color:var(--error-9, var(--error-700, #db362a));color:var(--error-contrast, var(--basic-000, #ffffff));border-color:var(--error-9, var(--error-700, #db362a))}.co-popup.co-popup--visible,.co-popup[data-transition=entered]{opacity:var(--opacity-opaque, 1);visibility:visible}.co-popup[data-transition=entering],.co-popup[data-transition=exiting]{opacity:var(--opacity-transparent, 0);visibility:visible}.co-popup[data-transition=exited]{opacity:var(--opacity-transparent, 0);visibility:hidden}