:root{--diaper-sait:env(safe-area-inset-top);--diaper-sair:env(safe-area-inset-right);--diaper-saib:env(safe-area-inset-bottom);--diaper-sail:env(safe-area-inset-left);--diaper-default-duration:0.4s;--diaper-duration:var(--diaper-default-duration);--diaper-backdrop-color:rgba(0,0,0,0.6);--diaper-backdrop-opacity:1;--diaper-radius:1rem;--diaper-easing:cubic-bezier(0.22,1,0.36,1)}body:has(dialog[data-diaper][open]){--diaper-progress:1;--diaper-roundness:calc((1 - var(--diaper-progress)) * var(--diaper-radius));transition:scale,clip-path;transition-duration:var(--diaper-duration);transform-origin:bottom;transition-timing-function:var(--diaper-easing);scale:calc(.94 + var(--diaper-progress) * .06);clip-path:inset(0 round var(--diaper-roundness) var(--diaper-roundness) 0 0)}dialog[data-diaper]{--diaper-progress:1;--diaper-backdrop-progress:1;--diaper-shadow-color:rgba(0 0 0/0.1);--diaper-overdrag-fill-color:var(--color-surface);width:100%;margin-bottom:0;margin-top:auto;margin-inline:auto;padding:0;max-width:100%;max-height:100%;box-sizing:border-box;border:none;outline:none;border-radius:var(--diaper-radius) var(--diaper-radius) 0 0;background-color:var(--color-surface);color:var(--color-text-primary);box-shadow:0 -4px 6px -1px var(--diaper-shadow-color),0 50px 0 var(--diaper-overdrag-fill-color);transition-property:transform,translate,scale;transition-duration:var(--diaper-duration);transition-timing-function:var(--diaper-easing);transform-origin:top;overflow:visible;overscroll-behavior-y:none;display:flex;flex-direction:column;will-change:auto;backface-visibility:hidden;contain:none;position:fixed;inset:0}@starting-style{dialog[data-diaper]{translate:0 100%}}dialog[data-diaper][open]{max-width:48rem}dialog[data-diaper][open]:not(:nth-last-of-type(-n+2)){--diaper-backdrop-opacity:0;--diaper-shadow-color:#0000}dialog[data-diaper][open]:not(:last-of-type){scale:calc(.94 + var(--diaper-progress) * .06);transform:translateY(calc(var(--diaper-progress) * 8px - 8px))}dialog[data-diaper][open]::backdrop{background-color:var(--diaper-backdrop-color);opacity:calc((1 - var(--diaper-backdrop-progress)) * var(--diaper-backdrop-opacity));transition:opacity;transition-duration:var(--diaper-duration);transition-timing-function:var(--diaper-easing);will-change:opacity}dialog[data-diaper] main{display:grid;grid-template-areas:"content";height:100%}dialog[data-diaper] section{grid-area:content;transition-property:opacity,visibility;transition-duration:.9s;visibility:hidden;opacity:0;height:-moz-fit-content;height:fit-content;max-height:100%;touch-action:pan-y;-webkit-overflow-scrolling:touch}dialog[data-diaper] section[data-visible]{visibility:visible;opacity:1}dialog[data-diaper] .diaper-handle{width:52px;height:6px;background-color:var(--color-border);border-radius:3px;margin-inline:auto}dialog[data-diaper] header.headerOverlaysContent{position:absolute;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(8px)}dialog[data-diaper] .diaper-backdrop-overlay{position:fixed;inset:0;z-index:0;background:transparent;cursor:pointer;pointer-events:auto}dialog[data-diaper] .diaper-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;z-index:1;pointer-events:auto;touch-action:pan-y}dialog[data-diaper] header{touch-action:none}dialog[data-diaper] main{touch-action:pan-y;-webkit-overflow-scrolling:touch}dialog[data-diaper][data-touching]{transition-duration:0s!important}dialog[data-diaper][data-touching]::backdrop{transition-duration:0s!important}dialog[data-diaper] section[data-visible]{transform:none!important;will-change:auto}