.cpag-bottom-sheet{--sheet-max-height: calc(100dvh - 24px) ;--sheet-safe-max-height: calc( var(--sheet-max-height) - env(keyboard-inset-height, var(--sw-keyboard-height, 0px)) );position:fixed;right:0;bottom:env(keyboard-inset-height,var(--sw-keyboard-height, 0px));left:0;display:block;height:var(--sheet-max-height);max-height:var(--sheet-safe-max-height);overflow-y:scroll;overscroll-behavior-y:none;scroll-snap-type:y mandatory;scrollbar-width:none;pointer-events:none;will-change:scroll-position;contain:strict;scroll-timeline-name:--cpag-sheet-timeline;animation:initial-snap var(--initial-snap-duration, .5s) backwards}.cpag-bottom-sheet::-webkit-scrollbar{display:none}.cpag-bottom-sheet:focus{outline:none}.cpag-bottom-sheet__snap{position:relative;top:calc(var(--snap) - 1px);margin-bottom:-1px;height:1px}.cpag-bottom-sheet__snap:before{content:"";position:absolute;top:1px;right:0;left:0;height:1px;scroll-snap-align:var(--snap-point-align, start)}.cpag-bottom-sheet__snap--initial{--snap-point-align: start}.cpag-bottom-sheet__snap--bottom{position:static;top:initial;margin-bottom:0;height:auto}.cpag-bottom-sheet__snap--bottom:before{top:0}.cpag-bottom-sheet__snap--bottom:after{content:"";display:block;position:static;height:var(--sheet-max-height);max-height:var(--sheet-safe-max-height)}.cpag-bottom-sheet:not([data-swipe-to-dismiss]) .cpag-bottom-sheet__snap--bottom:before{scroll-snap-align:none}.cpag-bottom-sheet__sentinel{position:relative}.cpag-bottom-sheet__sentinel[data-snap=top]{top:-1px}.cpag-bottom-sheet__sentinel[data-snap=bottom]{top:1px}.cpag-bottom-sheet__sentinel[data-snap=content-height]{position:absolute;top:calc((var(--sheet-max-height) - min(100%,var(--sheet-max-height))) * -1 - 1px)}.cpag-bottom-sheet:not([data-content-height]) .cpag-bottom-sheet__sentinel[data-snap=content-height]{display:none}.cpag-bottom-sheet__wrapper{border-radius:inherit}.cpag-bottom-sheet__sheet{display:flex;flex-direction:column;overflow:clip;cursor:row-resize;border-radius:inherit;scroll-snap-align:var(--snap-point-align, start);pointer-events:all}.cpag-bottom-sheet:not([data-nested-scroll]) .cpag-bottom-sheet__sheet:after{content:"";display:block;position:static;scroll-snap-align:var(--snap-point-align, end)}.cpag-bottom-sheet__header{position:sticky;top:0;width:100%}.cpag-bottom-sheet__footer{position:sticky;bottom:0;width:100%}.cpag-bottom-sheet__content{flex:1 1 auto}@keyframes initial-snap{0%,49.99%{scroll-snap-type:y mandatory;--snap-point-align: none}50%,to{scroll-snap-type:var(--snap-type-initial-reset, y mandatory);--snap-point-align: none}}@supports (-webkit-touch-callout: none) or (-webkit-hyphens: none){.cpag-bottom-sheet{display:inherit;--snap-type-initial-reset: none}}@supports (-webkit-touch-callout: none){.cpag-bottom-sheet__content,.cpag-bottom-sheet__header,.cpag-bottom-sheet__footer{overflow-x:scroll;overscroll-behavior-x:none;scrollbar-width:none;touch-action:pan-y pinch-zoom}.cpag-bottom-sheet__content::-webkit-scrollbar,.cpag-bottom-sheet__header::-webkit-scrollbar,.cpag-bottom-sheet__footer::-webkit-scrollbar{display:none}.cpag-bottom-sheet__content:after,.cpag-bottom-sheet__header:after,.cpag-bottom-sheet__footer:after{content:"";display:block;box-sizing:content-box;width:calc(100% + 1px);height:1px}}.cpag-bottom-sheet:not([data-nested-scroll]):not([data-content-height]) .cpag-bottom-sheet__wrapper{height:100%}.cpag-bottom-sheet:not([data-nested-scroll]):not([data-content-height]) .cpag-bottom-sheet__sheet{min-height:100%}.cpag-bottom-sheet[data-content-height] .cpag-bottom-sheet__wrapper{position:relative}.cpag-bottom-sheet[data-nested-scroll] .cpag-bottom-sheet__wrapper{display:flex;position:sticky;bottom:0;flex-direction:column;justify-content:end;height:100%;content-visibility:auto;contain:strict}.cpag-bottom-sheet[data-nested-scroll] .cpag-bottom-sheet__sheet{display:flex;position:sticky;bottom:0;flex-direction:column;height:100%;max-height:100%}.cpag-bottom-sheet[data-nested-scroll] .cpag-bottom-sheet__content{overflow-y:auto;scrollbar-gutter:stable;will-change:scroll-position}.cpag-bottom-sheet[data-nested-scroll] .cpag-bottom-sheet__header,.cpag-bottom-sheet[data-nested-scroll] .cpag-bottom-sheet__footer{flex:0 0 auto}.cpag-bottom-sheet[data-nested-scroll][data-expand-to-scroll] .cpag-bottom-sheet__wrapper{position:static}.cpag-bottom-sheet[data-nested-scroll][data-expand-to-scroll] .cpag-bottom-sheet__sheet{position:static;height:100%;animation:none}@supports ((animation-timeline: scroll()) and (animation-range: 0% 100%)){.cpag-bottom-sheet[data-nested-scroll] .cpag-bottom-sheet__sheet{animation:cpag-expand-sheet-height linear forwards;animation-timeline:scroll()}@keyframes cpag-expand-sheet-height{0%{height:0}to{height:100%}}.cpag-bottom-sheet[data-nested-scroll][data-expand-to-scroll] .cpag-bottom-sheet__content{animation:cpag-overflow-y-toggle linear forwards;animation-timeline:scroll()}@keyframes cpag-overflow-y-toggle{0%,99.99%{overflow-y:hidden}to{overflow-y:auto}}}@supports (not ((animation-timeline: scroll()) and (animation-range: 0% 100%))){.cpag-bottom-sheet[data-nested-scroll] .cpag-bottom-sheet__sheet{height:var(--sheet-position)}.cpag-bottom-sheet[data-nested-scroll][data-expand-to-scroll] .cpag-bottom-sheet__content{overflow-y:hidden}.cpag-bottom-sheet[data-nested-scroll][data-expand-to-scroll][data-sheet-state=expanded] .cpag-bottom-sheet__content{overflow-y:auto}}.cpag-bottom-sheet[data-nested-scroll][data-content-height] .cpag-bottom-sheet__sheet{height:auto;max-height:100%;animation:none}@property --cpag-dialog-open{syntax: "<number>"; inherits: true; initial-value: 0;}.cpag-bottom-sheet-dialog{--cpag-dialog-open: 0;position:fixed;inset:0;top:initial;margin:0;border:none;background:transparent;padding:0;width:100%;max-width:none;height:100%;max-height:none;overflow:visible;translate:0 100vh;transition:translate .45s ease-out,overlay .45s ease-out allow-discrete,display .45s ease-out allow-discrete,--cpag-dialog-open .45s ease-out}.cpag-bottom-sheet-dialog[open]{--cpag-dialog-open: 1;translate:0 0}@starting-style{.cpag-bottom-sheet-dialog[open]{translate:0 100vh}}.cpag-bottom-sheet-dialog[data-dismissing]{transition:none}.cpag-bottom-sheet-dialog:not([open]),.cpag-bottom-sheet-dialog:not([open]) .cpag-bottom-sheet__sheet{pointer-events:none}@media(prefers-reduced-motion:reduce){.cpag-bottom-sheet-dialog{transition-duration:0s}}.cpag-bottom-sheet-dialog::backdrop{background:#0006;opacity:var(--cpag-dialog-open)}@supports ((animation-timeline: scroll()) and (animation-range: 0% 100%)){.cpag-bottom-sheet-dialog{timeline-scope:--cpag-sheet-timeline}.cpag-bottom-sheet-dialog::backdrop{animation:cpag-bottom-sheet-dim linear forwards;animation-timeline:--cpag-sheet-timeline;animation-range-end:40vh}@keyframes cpag-bottom-sheet-dim{0%{opacity:0}to{opacity:var(--cpag-dialog-open)}}}.cpag-lightbox{opacity:0;transform:scale(.98);transition:opacity .2s ease,transform .2s ease,display .2s allow-discrete,overlay .2s allow-discrete}.cpag-lightbox[data-state=open]{opacity:1;transform:none}@starting-style{.cpag-lightbox[data-state=open]{opacity:0;transform:scale(.98)}}.cpag-lightbox[data-flip-close][data-state=closed]{opacity:1;transform:none}[data-lightbox-chrome]{transition:opacity .2s ease}.cpag-lightbox[data-flip-close] [data-lightbox-chrome]{opacity:0}.cpag-lightbox::backdrop{background:#0000;transition:background-color .2s ease,display .2s allow-discrete,overlay .2s allow-discrete}.cpag-lightbox[data-state=open]::backdrop{background:rgb(0 0 0 / calc(.92 * var(--lightbox-backdrop, 1)))}@starting-style{.cpag-lightbox[data-state=open]::backdrop{background:#0000}}.cpag-lightbox[data-gesture]::backdrop{transition:none}@media(prefers-reduced-motion:reduce){.cpag-lightbox,.cpag-lightbox::backdrop,[data-lightbox-chrome]{transition-duration:.01s}}
