Screenshot of CSS file (detail):
#checkout {
/*
Since we have almost no control over the appearance of the embedded iframe and since it appears to be hardcoded to some narrow max width, use a CSS transform to make it fit the existing design when we’re at full width. Safari’s clearly snapshotting a bitmap as it blurs this but Safari today messes up so many things, so… 🤷
*/
@media screen and (min-width: 585px) {
transform: scale(1.27);
transform-origin: top left;
margin-left: -10em;
/*
Ensure bottom of the embedded form isn’t hidden.
*/
margin-bottom: 14em;
}
/* Kludge dark mode support. Because clearly a $100B+ company that handles >$2T in transactions can’t do it themselves. */
@media screen and (prefers-color-scheme: dark) {
/* Invert all elements on the body while attempting to not alter the hue substantially. */
filter: invert(100%) hue-rotate(180deg);
}
}
