/* Responsive behavior only; visual components are exported from Figma. */
html,body {overflow-x:clip;}
.screen-root .flex, .sheet-wrap .flex {min-width:0;}
.sheet-wrap .flex-col > .min-w-full {width:100%;}
.screen-root [data-name="Content"] p:not(.whitespace-nowrap) {max-width:100%;}
.screen-root [data-name="Content"] .flex-col > .min-w-full {width:100%;}
.screen-root [data-name="Content"] [class*="w-[3"],
.screen-root [data-name="Content"] [class*="w-[2"] {max-width:100%;}
[data-name="Terms"] > [data-name="Frame"] > * {flex:1 1 0;min-width:0;}
[data-name="Subscription/SummaryRow"] > p:first-child,
[data-name="SummaryRow"] > p:first-child {flex:1 1 0;white-space:normal;}
[data-name="Subscription/SummaryRow"] > p:last-child,
[data-name="SummaryRow"] > p:last-child {flex-shrink:0;white-space:nowrap;}
.screen-root [data-name="Content"] [data-name="Chips"] {max-width:100%;overflow-x:auto;scrollbar-width:none;}
.screen-root [data-name="Content"] [data-name="Chips"] > * {flex-shrink:0;}
.support-fab {position:fixed!important;right:max(16px,calc((100vw - 430px)/2 + 16px))!important;width:147px!important;z-index:32;}
.screen-root > [data-name="Content"] {min-height:0!important;}
.screen-root > [data-name="Content"] > * {max-width:100%;}
.screen-root > [data-name="Content"] > :not(.absolute) {width:100%;}
.screen-root:has(.support-fab) > [data-name="Content"] {padding-bottom:190px;}
.screen-root [data-name^="Segmented /"] > * {flex:1;min-width:0;width:auto;}
.screen-root [data-name^="Segment /"] p {width:100%;}
.recipient-input {border:0;outline:0;background:transparent;width:100%;font:600 17px/22px Manrope, sans-serif;color:#0b1b33;}
.recipient-input:focus {box-shadow:0 2px #1560d6;}
[role="button"]:focus-visible,[role="radio"]:focus-visible {outline:2px solid #1560d6;outline-offset:3px;}
.island {pointer-events:none;}
.gift-link p {overflow-wrap:anywhere;max-width:100%;}
.gift-link p:has(+ [data-name^="Button"]) {white-space:normal;}
.test-dialog {width:calc(100% - 40px);max-width:350px;padding:24px;border:0;border-radius:20px;background:#fff;color:#0b1b33;box-shadow:0 12px 40px #0b1b3333;font-family:Manrope,sans-serif;}
.test-dialog::backdrop {background:#0b1b3366;}
.test-dialog h2 {font-size:20px;line-height:26px;font-weight:800;margin-bottom:12px;}
.test-dialog p {font-size:15px;line-height:21px;margin-bottom:20px;}
.test-dialog button {display:block;width:100%;background:#1560d6;color:white;border-radius:16px;padding:14px 12px;font-weight:700;margin-top:8px;}
.test-dialog button.secondary {background:#dce9ff;color:#1560d6;}
.test-dialog textarea {width:100%;height:100px;word-break:break-all;border:1px solid #c9d3e1;padding:8px;}
.web-screen:not(.has-mainbar) [data-name="Content"] {padding-bottom:24px;}
.gift-link [data-name="Field/InviteLink"] > p:first-child {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gift-link [data-name="Field/InviteLink"] > [data-name^="Link:"] {flex-shrink:0;}
.sheet-wrap [data-name="QR"] > p {max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;}
[data-name="Referral/How it works"] > [data-name^="Referral/Step"] {flex:1;min-width:0;}
[data-name="Referral/How it works"] > [data-name="Referral/Connector"] {flex:none;}
.web-screen [data-name="Footer"] {max-width:100%;}
body.shot .support-fab {right:auto!important;left:227px;}