.op-paper{--paper-face:var(--op-font-tw-elite);--paper-ink:var(--op-bg);--paper-ghost:.07;--paper-rows:44;--tw-cols:64;--tw-rows:44;aspect-ratio:38.4 / calc(var(--paper-rows) * 1.2);isolation:isolate;background:var(--op-paper);color:var(--paper-ink);font-family:var(--paper-face);box-shadow:var(--op-shadow-drag);position:relative;overflow:hidden;container-type:inline-size}.op-paper[data-paper=typing]:after{content:"";z-index:3;pointer-events:none;background-image:var(--op-grain-tile), var(--op-grain-tile);mix-blend-mode:multiply;opacity:calc(var(--op-grain-opacity) * 3.4);background-size:140px 140px,460px 460px;position:absolute;inset:0}.op-paper[data-paper=old]{background:var(--op-off-white) url(/paper/base-old.webp) center / cover;background-blend-mode:multiply;--paper-light:url(/paper/light-old.webp)}.op-paper[data-paper=kraft]{--paper-light:url(/paper/light-kraft.webp);background:url(/paper/base-kraft.webp) 50%/cover}.op-paper[data-paper=poster]{--paper-light:url(/paper/light-poster.webp);background:url(/paper/base-poster.webp) 50%/cover}.op-paper[data-paper=notebook]{--paper-cut:url(/paper/base-notebook.webp);--paper-light:url(/paper/light-notebook.webp)}.op-paper[data-paper=black]{--paper-cut:url(/paper/base-black.webp);--paper-light:url(/paper/light-black.webp);--paper-ink:var(--op-ink-bright);--paper-ghost:.035}.op-paper[data-paper=notebook],.op-paper[data-paper=black]{background:var(--paper-cut) center / cover;box-shadow:none}.op-paper-ink{z-index:1;mix-blend-mode:multiply;font-size:2.60417cqw;line-height:1.2;position:absolute;inset:0}.op-paper>:is(.op-paper-ink,.op-board-replies){height:calc(100% * 44 / var(--paper-rows,44));bottom:auto}.op-paper[data-paper=black] .op-paper-ink{mix-blend-mode:normal}.op-paper-ink{filter:url(#op-ink-rough)}.op-paper[data-paper=old] .op-paper-ink{filter:url(#op-paper-bend-old)url(#op-ink-rough)}.op-paper[data-paper=kraft] .op-paper-ink{filter:url(#op-paper-bend-kraft)url(#op-ink-rough)}.op-paper[data-paper=poster] .op-paper-ink{filter:url(#op-paper-bend-poster)url(#op-ink-rough)}.op-paper [data-ink=black]{color:var(--op-bg)}.op-paper [data-ink=crimson]{color:var(--op-crimson)}.op-paper [data-ink=gold]{color:var(--op-gold)}.op-paper[data-paper=black] [data-ink=black]{color:var(--op-ink-bright)}.op-paper-ghost{pointer-events:none;opacity:var(--paper-ghost);filter:blur(.35px);position:absolute;inset:0;transform:scaleX(-1)}.op-paper-light{z-index:2;pointer-events:none;background:url(/paper/fibre.webp) 0 0 / 256px 256px, var(--paper-light,none) center / cover;background-blend-mode:hard-light, normal;mix-blend-mode:hard-light;opacity:.85;position:absolute;inset:0}.op-paper[data-paper=notebook] .op-paper-light,.op-paper[data-paper=black] .op-paper-light{-webkit-mask:var(--paper-cut) center / cover no-repeat;mask:var(--paper-cut) center / cover no-repeat}.op-paper-holder{position:relative;container-type:inline-size}.op-paper-holder.is-cut-stock,.op-paper-holder:has(>.op-paper.is-torn){filter:drop-shadow(0 var(--op-space-sm) var(--op-space-md) color-mix(in srgb, var(--op-bg) 70%, transparent))}.op-paper.is-torn,.op-tw-sheet.is-torn,.op-board-under-paper.is-torn{--paper-rip-h:calc(100cqw / 32 * 2.4);box-shadow:none;-webkit-mask:linear-gradient(var(--op-bg) 0 0) top / 100% calc(100% - var(--paper-rip-h) * .8) no-repeat, url(/paper/rip.webp) calc(var(--paper-rip-x,50) * 1%) 100% / 130% var(--paper-rip-h) no-repeat;mask:linear-gradient(var(--op-bg) 0 0) top / 100% calc(100% - var(--paper-rip-h) * .8) no-repeat, url(/paper/rip.webp) calc(var(--paper-rip-x,50) * 1%) 100% / 130% var(--paper-rip-h) no-repeat}.op-paper-tape{z-index:4;pointer-events:none;top:-9cqw;left:calc(50% + var(--tape-shift,0) * 1%);aspect-ratio:700/239;width:54cqw;transform:translateX(-50%) rotate(calc(var(--tape-angle,-4) * 1deg));background:color-mix(in srgb, var(--op-crimson) 88%, transparent);position:absolute;mask:url(/paper/tape.webp) 50%/100% 100% no-repeat}.op-paper-tape:after{content:"";mix-blend-mode:overlay;filter:contrast(1.6);background:url(/paper/tape.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.op-paper-noise{pointer-events:none;mix-blend-mode:screen;opacity:calc(var(--op-grain-opacity) * 3);background:url(/paper/noise.webp) 50%/cover;position:absolute;inset:0}.op-paper-dressed:not([data-paper=typing]){background-color:#0000}.op-paper-dressed:not([data-paper=typing]):before,.op-paper-dressed:not([data-paper=typing]):after{display:none}.op-paper-dressed>.op-paper{z-index:0;aspect-ratio:auto;box-shadow:none;pointer-events:none;position:absolute;inset:0}.op-paper-dressed>.op-paper-light{z-index:3}.op-paper-dressed .op-tw-ink{filter:url(#op-ink-rough)}.op-paper-dressed[data-paper=old] .op-tw-ink{filter:url(#op-paper-bend-old)url(#op-ink-rough)}.op-paper-dressed[data-paper=kraft] .op-tw-ink{filter:url(#op-paper-bend-kraft)url(#op-ink-rough)}.op-paper-dressed[data-paper=poster] .op-tw-ink{filter:url(#op-paper-bend-poster)url(#op-ink-rough)}.op-paper-dressed[data-paper=black] .op-tw-ink{mix-blend-mode:normal}.op-paper-dressed:is([data-paper=notebook],[data-paper=black]){box-shadow:none;filter:drop-shadow(0 var(--op-space-sm) var(--op-space-md) color-mix(in srgb, var(--op-bg) 70%, transparent));border-color:#0000}.op-paper-dressed:is([data-paper=notebook],[data-paper=black])>.op-paper-light{-webkit-mask:var(--paper-cut) center / cover no-repeat;mask:var(--paper-cut) center / cover no-repeat}.op-notice-stamp{z-index:1;font-family:var(--op-font-tw-elite);letter-spacing:.08em;text-align:center;color:var(--op-crimson);border:calc(var(--op-border-width) * 2) solid var(--op-crimson);mix-blend-mode:multiply;opacity:.88;border-radius:.2em;flex-direction:column;align-items:center;gap:0;max-width:60%;padding:.5em 1em;font-size:2.27273cqw;line-height:1.25;text-decoration:none;display:flex;position:absolute;bottom:4%;right:5%;transform:rotate(-3deg)}.op-notice-stamp-head{letter-spacing:.3em;border-bottom:var(--op-border-width) solid var(--op-crimson);margin-bottom:.25em;padding-bottom:.2em;font-size:.8em}.op-notice-stamp-line{overflow-wrap:anywhere}a.op-notice-stamp{pointer-events:auto;cursor:pointer}a.op-notice-stamp:hover,a.op-notice-stamp:focus-visible{opacity:1}a.op-notice-stamp:focus-visible{outline:calc(var(--op-border-width) * 2) solid var(--op-gold);outline-offset:var(--op-space-xs)}.op-paper[data-paper=black] .op-notice-stamp{mix-blend-mode:normal}.op-paper[data-paper=typing] .op-paper-light,.op-paper-dressed[data-paper=typing]>.op-paper-light{opacity:.6}
