@layer ccp.components{.ccp-modal__backdrop{z-index:1000;background:color-mix(in srgb, var(--ccp-surface-hover) 70%, transparent);-webkit-backdrop-filter:blur(var(--ccp-backdrop-blur-sm));backdrop-filter:blur(var(--ccp-backdrop-blur-sm));opacity:1;transition:opacity var(--ccp-motion-duration-fast) var(--ccp-motion-easing-out);position:fixed;inset:0}.ccp-modal__viewport{box-sizing:border-box;z-index:1001;padding:var(--ccp-spacing-32);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.ccp-modal{box-sizing:border-box;border-radius:var(--ccp-radius-12);background:var(--ccp-background);inline-size:100%;max-inline-size:400px;box-shadow:var(--ccp-shadow-xl);color:var(--ccp-text-primary);font-family:var(--ccp-font-family);line-height:var(--ccp-line-height);letter-spacing:var(--ccp-letter-spacing-wide);opacity:1;transition:opacity var(--ccp-motion-duration-fast) var(--ccp-motion-easing-out), scale var(--ccp-motion-duration-fast) var(--ccp-motion-easing-out);outline:none;flex-direction:column;margin:auto;display:flex;position:relative;overflow:hidden;scale:1}.ccp-modal[data-ccp-layout=horizontal]{max-inline-size:544px}.ccp-modal__backdrop[data-starting-style],.ccp-modal__backdrop[data-ending-style]{opacity:0}.ccp-modal[data-starting-style],.ccp-modal[data-ending-style]{opacity:0;scale:.97}.ccp-modal__header{box-sizing:border-box;align-items:flex-start;gap:var(--ccp-spacing-16);inline-size:100%;padding-block-start:var(--ccp-spacing-24);padding-inline:var(--ccp-spacing-24);flex-direction:column;padding-inline-end:var(--ccp-spacing-80);display:flex;position:relative}.ccp-modal[data-ccp-layout=horizontal] .ccp-modal__header{flex-direction:row}.ccp-modal__featured-icon{box-sizing:border-box;inline-size:var(--ccp-control-height-xl);block-size:var(--ccp-control-height-xl);border-radius:var(--ccp-radius-full);background:var(--ccp-success-strong);color:#94dcba;flex:none;justify-content:center;align-items:center;display:inline-flex}.ccp-modal__featured-icon>svg{block-size:22px;inline-size:22px;display:block}.ccp-modal__copy{align-items:flex-start;gap:var(--ccp-spacing-4);flex-direction:column;flex:auto;min-inline-size:0;display:flex}.ccp-modal__title,.ccp-modal__supporting-text{overflow-wrap:anywhere;inline-size:100%;margin:0}.ccp-modal__title{color:var(--ccp-text-primary);font-size:var(--ccp-font-size-body-lg);font-weight:var(--ccp-font-weight-semibold)}.ccp-modal__supporting-text{color:var(--ccp-text-tertiary);font-size:var(--ccp-font-size-body-sm);font-weight:var(--ccp-font-weight-regular)}.ccp-modal__close{position:absolute;inset-block-start:var(--ccp-spacing-16);inset-inline-end:var(--ccp-spacing-16)}.ccp-modal__body{box-sizing:border-box;inline-size:100%;padding-block-start:var(--ccp-spacing-24);padding-inline:var(--ccp-spacing-24)}.ccp-modal[data-ccp-layout=horizontal] .ccp-modal__close{inset-block-start:var(--ccp-spacing-12);inset-inline-end:var(--ccp-spacing-12)}.ccp-modal__footer{box-sizing:border-box;align-items:center;gap:var(--ccp-spacing-12);inline-size:100%;padding-block-start:var(--ccp-spacing-32);padding-block-end:var(--ccp-spacing-24);padding-inline:var(--ccp-spacing-24);display:flex}.ccp-modal[data-ccp-layout=stacked] .ccp-modal__footer{flex-direction:column;align-items:stretch}.ccp-modal__footer-content{min-inline-size:0;color:var(--ccp-text-secondary);font-size:var(--ccp-font-size-body-sm);flex:auto}.ccp-modal__actions{align-items:center;gap:var(--ccp-spacing-12);flex:none;min-inline-size:0;display:flex}.ccp-modal[data-ccp-layout=stacked] .ccp-modal__actions{inline-size:100%}.ccp-modal[data-ccp-layout=stacked] .ccp-modal__action.ccp-button{flex:1;min-inline-size:0}@media (max-width:599px){.ccp-modal__viewport{padding-block-start:var(--ccp-spacing-16);padding-block-end:var(--ccp-spacing-80);padding-inline:var(--ccp-spacing-16);align-items:flex-end}.ccp-modal,.ccp-modal[data-ccp-layout]{max-inline-size:343px}.ccp-modal__header,.ccp-modal[data-ccp-layout=horizontal] .ccp-modal__header{gap:var(--ccp-spacing-12);padding-block-start:var(--ccp-spacing-20);padding-inline:var(--ccp-spacing-16);flex-direction:column;padding-inline-end:var(--ccp-spacing-64)}.ccp-modal__close,.ccp-modal[data-ccp-layout=horizontal] .ccp-modal__close{inset-block-start:var(--ccp-spacing-12);inset-inline-end:var(--ccp-spacing-12)}.ccp-modal__body{padding-block-start:var(--ccp-spacing-20);padding-inline:var(--ccp-spacing-16)}.ccp-modal__footer,.ccp-modal[data-ccp-layout=stacked] .ccp-modal__footer{padding-block-start:var(--ccp-spacing-24);padding-block-end:var(--ccp-spacing-12);padding-inline:var(--ccp-spacing-16);flex-direction:column;align-items:stretch}.ccp-modal__actions,.ccp-modal[data-ccp-layout=stacked] .ccp-modal__actions{flex-direction:column;inline-size:100%}.ccp-modal__action.ccp-button,.ccp-modal[data-ccp-layout=stacked] .ccp-modal__action.ccp-button{flex:none;inline-size:100%}.ccp-modal__action[data-ccp-priority=confirm]{order:-1}.ccp-modal__footer-content{order:1}}@media (prefers-reduced-motion:reduce){.ccp-modal__backdrop,.ccp-modal{transition-duration:0s}}}