.document-sheet-layer{--sheet-dress:1;--sheet-inset-left:17vw;--sheet-inset-right:3vw;--sheet-inset-top:5vw;--sheet-inset-width:80vw;z-index:30;pointer-events:auto;position:fixed;inset:0}.document-sheet{left:var(--sheet-inset-left);right:var(--sheet-inset-right);top:var(--sheet-inset-top);width:var(--sheet-inset-width);height:calc(var(--stage-height,100dvh) - var(--sheet-inset-top));pointer-events:auto;z-index:0;will-change:transform;position:absolute;overflow:hidden}.document-sheet-layer:has(>.document-sheet[data-sheet-substrate=paper]){--hole-x:2vw;--hole-radius:max(.375rem, .55vw);--hole-gap:33vh}.document-sheet-layer:has(>.document-sheet[data-sheet-substrate=paper]):before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle at calc(var(--sheet-inset-left) + var(--hole-x)) calc(var(--sheet-inset-top) + var(--hole-gap) / 2), transparent 0 calc(var(--hole-radius) - 2.5px), #0c0c0b57 calc(var(--hole-radius) - 1px), #0c0c0b80 calc(var(--hole-radius) - .25px), transparent calc(var(--hole-radius) + 1px));background-size:100% var(--hole-gap);opacity:var(--sheet-dress);background-repeat:repeat-y;position:absolute;inset:0}.document-sheet[data-sheet-substrate=paper]{--punch-safe:calc(var(--hole-x) + var(--hole-radius) + .75rem);-webkit-mask-image:radial-gradient(circle at var(--hole-x) 50%, transparent 0 calc(var(--hole-radius) - .5px), #000 calc(var(--hole-radius) + 1.5px));mask-image:radial-gradient(circle at var(--hole-x) 50%, transparent 0 calc(var(--hole-radius) - .5px), #000 calc(var(--hole-radius) + 1.5px));-webkit-mask-size:100% var(--hole-gap);mask-size:100% var(--hole-gap);-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y}.document-sheet[data-sheet-substrate=paper]:before{content:"";z-index:30;pointer-events:none;background-image:radial-gradient(circle at var(--hole-x) 50%, transparent 0 var(--hole-radius), #0c0c0b2e calc(var(--hole-radius) + .5px), transparent calc(var(--hole-radius) + 2px));background-size:100% var(--hole-gap);background-repeat:repeat-y;position:absolute;inset:0}.document-sheet[data-sheet-substrate=paper]:after{content:"";height:calc(var(--baseline) * 2);z-index:30;pointer-events:none;background:repeating-linear-gradient(90deg,#17171538 0 9px,#0000 9px 15px) 0 .6rem/auto 1px repeat-x,linear-gradient(#0000 0,#1717150d .75rem,#0000 1.5rem) no-repeat;position:absolute;inset:0 0 auto}.document-sheet__scroller{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;position:absolute;inset:0;overflow:clip auto}.document-sheet__content{box-sizing:border-box;min-width:0;max-width:100%;min-height:100%;padding-block-end:env(safe-area-inset-bottom,0px);padding-inline-start:var(--punch-safe,0px)}.document-sheet__edge{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.document-sheet__dismiss-row{z-index:40;pointer-events:none;opacity:var(--sheet-dress);display:flex;position:absolute;inset-block-start:calc(var(--sheet-inset-top) + var(--baseline) * 3);inset-inline-end:calc(var(--sheet-inset-right) + var(--baseline) * 3)}.document-sheet__dismiss{background:var(--color-graphite);width:2.75rem;height:2.75rem;color:var(--color-paper);cursor:pointer;pointer-events:auto;border:0;border-radius:0;flex:none;place-items:center;transition:background-color .1s ease-out,color .1s ease-out,transform 80ms ease-out;display:inline-grid}.document-sheet__dismiss:active{background:var(--color-carbon);color:var(--color-paper);transform:scale(.94)}@media (hover:hover) and (pointer:fine){.document-sheet__dismiss:hover{background:var(--color-grenadier);color:var(--color-carbon)}}.document-sheet__dismiss:focus-visible{outline:2px solid var(--focus-ink,var(--color-grenadier));outline-offset:3px}.document-sheet__dismiss[data-document-sheet-dismiss=blog]{border-radius:50%;transition:background-color .1s ease-out,color .1s ease-out,transform .5s cubic-bezier(.19,1,.22,1)}.document-sheet__dismiss[data-document-sheet-dismiss=blog]:active{transform:scale(.94)}@media (hover:hover) and (pointer:fine){.document-sheet__dismiss[data-document-sheet-dismiss=blog]:hover{transform:rotate(180deg)}.document-sheet__dismiss[data-document-sheet-dismiss=blog]:hover:active{transform:rotate(180deg)scale(.94)}}.document-sheet [data-sheet-title]:focus:not(:focus-visible),.document-sheet [data-sheet-title]:focus-visible{outline:none}@media (width<=47.999rem){.document-sheet-layer{--sheet-inset-left:0;--sheet-inset-right:0;--sheet-inset-top:var(--nav-height);--sheet-inset-width:100vw;--sheet-inset-bottom:calc(var(--baseline) * 6)}.document-sheet{height:calc(var(--stage-height,100svh) - var(--nav-height) - var(--sheet-inset-bottom));border-end-end-radius:calc(var(--baseline) * 1.25);border-end-start-radius:calc(var(--baseline) * 1.25);box-shadow:0 1rem 2.5rem #0c0c0b80}.document-sheet__content{padding-block-start:calc(2rem + var(--baseline) * 1.5)}.document-sheet-layer:has(>.document-sheet[data-sheet-substrate=paper]){--hole-x:.55rem;--hole-radius:.375rem;--hole-gap:33vh}.document-sheet__dismiss-row{inset-block-start:calc(var(--sheet-inset-top) + calc(var(--baseline) * .75));inset-inline-end:max(var(--baseline), env(safe-area-inset-right,0px))}.document-sheet__dismiss{border:1px solid #f5f2e838}}@media (prefers-reduced-motion:reduce){.document-sheet{will-change:auto}.document-sheet__dismiss,.document-sheet__dismiss[data-document-sheet-dismiss=blog]{transition:none;transform:none}}[data-sheet-afterimage]{pointer-events:none}
