@layer reset,tokens,base,vendor,surfaces,primitives;@layer compositions{.commerceHandoffModal{inline-size:min(var(--fr-commerce-handoff-width-default), 100%);max-block-size:min(var(--fr-commerce-handoff-max-height), calc(100dvh - var(--fr-space-6)))}.commerceHandoffModal--pricing{inline-size:min(var(--fr-commerce-handoff-width-pricing), 100%);position:relative}.commerceHandoffModal--pricing:focus{outline:none}.commerceHandoffModal--account-passkey{inline-size:min(var(--fr-commerce-handoff-width-passkey), 100%)}.commerceHandoffModal--pricing .studioModalHeader strong{margin:0}.commerceHandoffModal--pricing .studioModalHeader{padding:var(--fr-space-4) var(--fr-space-4) var(--fr-space-3);align-items:center}.commerceHandoffModal--pricing[data-modal-variant=pricing] .studioModalHeader:has(.studioModalHeaderContent){grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.commerceHandoffModal--pricing .studioModalHeader:has(.studioModalHeaderContent)>button{aspect-ratio:1;block-size:auto;inline-size:auto}.commerceHandoffModal--pricing .studioModalBody{gap:var(--fr-space-3);padding:var(--fr-space-4)}.commerceHandoffModal--pricing:has(>.studioModalMedia){inline-size:min(var(--fr-commerce-handoff-width-pricing-visual), 100%);grid-template-rows:auto minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:clip}.commerceHandoffModal--pricing:has(>.studioModalMedia) .studioModalHeader{align-items:center;gap:var(--fr-space-3);padding:var(--fr-space-6) var(--fr-space-6) var(--fr-space-4);border:0;grid-area:1/2}.commerceHandoffModal--pricing:has(>.studioModalMedia) .studioModalBody{gap:var(--fr-space-4);padding:0 var(--fr-space-6) var(--fr-space-6);grid-area:2/2}.commerceHandoffModal--pricing>.studioModalMedia{grid-area:1/1/span 2;min-block-size:0;position:relative;overflow:hidden}.commerceHandoffModal--pricing>.studioModalMedia:after{content:"";background:var(--fr-commerce-handoff-artwork-scrim);pointer-events:none;position:absolute;inset:0}.commerceHandoffModal--pricing .studioModalHeader .pricingModeDock{inline-size:100%;margin:0}.commerceHandoffModal--pricing .studioModalHeader .sectionLabel,.commerceHandoffModal--studio .studioModalHeader .sectionLabel,.commerceHandoffModal .studioModalSummary:empty{display:none}.pricingCheckoutReview{gap:var(--fr-space-3)}.pricingCheckoutPriceSummary{color:var(--fr-foreground-muted);font-size:var(--fr-typography-supporting-font-size);line-height:var(--fr-typography-supporting-line-height);text-align:center;margin:0}.commerceHandoffModalActions{gap:var(--fr-commerce-handoff-action-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:640px){.commerceHandoffModal{inline-size:100%}.commerceHandoffModalActions[data-layout=passkey]{grid-template-columns:minmax(0,1fr)}.commerceHandoffModal--pricing:has(>.studioModalMedia){max-block-size:calc(100dvh - var(--fr-space-6) - var(--fr-space-2));grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.commerceHandoffModal--pricing>.studioModalMedia{block-size:min(28dvh, var(--fr-commerce-handoff-artwork-mobile-height));grid-row:1}.commerceHandoffModal--pricing>.studioModalMedia:has([data-payment-trust-rail]){block-size:calc(min(28dvh, var(--fr-commerce-handoff-artwork-mobile-height)) + var(--fr-space-6) + var(--fr-space-2))}.commerceHandoffModal--pricing:has(>.studioModalMedia) .studioModalHeader{padding:var(--fr-space-4);grid-area:2/1}.commerceHandoffModal--pricing:has(>.studioModalMedia) .studioModalBody{padding:0 var(--fr-space-4) var(--fr-space-4);grid-area:3/1}}}@layer utilities;
