.paymentDemo_pageShell__kPkkG{display:grid;grid-template-columns:minmax(0,1fr);height:100%;overflow:hidden;transition:padding-left .2s ease}.paymentDemo_preview__P_pMY{grid-column:1;grid-row:1;isolation:isolate;position:relative;z-index:0}.paymentDemo_leftNavButtons__hsimz{left:var(--space-2);position:fixed;top:var(--space-2);z-index:3}.paymentDemo_hiddenIcon__I_Yp_ [data-icon-name]{opacity:0}.paymentDemo_codeIconOverlay__ahUqz{pointer-events:none}.paymentDemo_colorInput__TWwhB{opacity:0}.paymentDemo_themeControls__0AsRj{overflow-x:hidden;overflow-y:auto}.paymentDemo_buttonShapeOption__EAz9N[aria-pressed=true]{background-color:var(--color-bgPrimary);border-color:var(--color-bgPrimary)}.paymentDemo_buttonShapeOption__EAz9N[aria-pressed=true]>*{opacity:1}.paymentDemo_leftDrawer__9WA3W{bottom:0;left:0;max-width:100vw;pointer-events:none;position:absolute;top:0;transform:translateX(-100%);transition:transform .2s ease,width .2s ease;z-index:4}.paymentDemo_leftDrawerOpen__bLxt5{pointer-events:auto;transform:translateX(0)}.paymentDemo_overviewDrawer__4PEUK,.paymentDemo_themeDrawer__r6BEa{width:480px}.paymentDemo_codeDrawer__KWLk_{width:680px}.paymentDemo_eventsDrawer__oIEVR{width:560px}.paymentDemo_eventInspectorPayload__a0q3e{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.paymentDemo_eventInspectorEntryNew__309ii{--event-inspector-highlight-background:var(--color-bgPrimaryWash);animation:paymentDemo_eventInspectorEntryNew__309ii 1.4s ease-out both}.light .paymentDemo_eventInspectorEntryNew__309ii{--event-inspector-highlight-background:var(--color-bgLinePrimarySubtle)}@keyframes paymentDemo_eventInspectorEntryNew__309ii{0%{background-color:var(--event-inspector-highlight-background);box-shadow:inset 0 0 0 var(--borderWidth-200) var(--color-bgLinePrimary)}35%{background-color:var(--event-inspector-highlight-background);box-shadow:inset 0 0 0 var(--borderWidth-100) var(--color-bgLinePrimary)}to{background-color:var(--color-bgAlternate);box-shadow:inset 0 0 0 var(--borderWidth-0) var(--color-bgLinePrimary)}}@keyframes paymentDemo_mobileDrawerEnter__jz7pM{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:767px){.paymentDemo_codeDrawer__KWLk_,.paymentDemo_eventsDrawer__oIEVR,.paymentDemo_overviewDrawer__4PEUK,.paymentDemo_themeDrawer__r6BEa{width:100vw}.paymentDemo_paymentContainer__xdfs9{animation:paymentDemo_mobileDrawerEnter__jz7pM .3s ease-out both;border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.paymentDemo_paymentContainer__xdfs9,.paymentDemo_paymentFlow__QVh5l{bottom:0;left:0;position:fixed;z-index:1}.paymentDemo_paymentFlow__QVh5l .paymentDemo_paymentContainer__xdfs9{bottom:auto;left:auto;position:static}}@media (max-width:1279px){.paymentDemo_createAnotherButton__DnKKT{position:absolute;top:0;transform:translateY(calc(-100% - var(--space-2)))}}@media (min-width:1280px){.paymentDemo_createAnotherButton__DnKKT{bottom:0;position:absolute;transform:translateY(calc(100% + var(--space-2)))}.paymentDemo_pageShellOverviewOpen__DpeK_,.paymentDemo_pageShellThemeOpen__XIgpg{padding-left:480px}.paymentDemo_pageShellCodeOpen__W1nEh{padding-left:640px}.paymentDemo_pageShellEventsOpen__Tqq6l{padding-left:560px}}@media (prefers-reduced-motion:reduce){.paymentDemo_leftDrawer__9WA3W,.paymentDemo_pageShell__kPkkG{transition:none}.paymentDemo_paymentContainer__xdfs9{animation:none}.paymentDemo_eventInspectorEntryNew__309ii{animation-duration:1ms}}