:root{--history-frame-radius:1.5rem;--history-frame-rule:4px;--history-frame-hairline:2px;--history-frame-hairline-inset:6px}@media (min-width:40rem){:root{--history-frame-radius:2.25rem}}.history-stamp-paper{background:var(--history-band);-webkit-mask-image:var(--stamp);mask-image:var(--stamp);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.history-frame{--history-frame-ink:var(--history-band);--arc:var(--history-frame-radius);--arc-outer:calc(var(--history-frame-radius) + var(--history-frame-rule));--hair:calc(var(--history-frame-radius) + var(--history-frame-hairline-inset));--hair-outer:calc(var(--history-frame-radius) + var(--history-frame-hairline-inset) + var(--history-frame-hairline));background-origin:border-box;background-image:radial-gradient(circle at 0 0, transparent var(--arc), var(--history-frame-ink) 0 var(--arc-outer), transparent 0), radial-gradient(circle at 100% 0, transparent var(--arc), var(--history-frame-ink) 0 var(--arc-outer), transparent 0), radial-gradient(circle at 0 100%, transparent var(--arc), var(--history-frame-ink) 0 var(--arc-outer), transparent 0), radial-gradient(circle at 100% 100%, transparent var(--arc), var(--history-frame-ink) 0 var(--arc-outer), transparent 0), radial-gradient(circle at 0 0, transparent var(--hair), var(--history-frame-ink) 0 var(--hair-outer), transparent 0), radial-gradient(circle at 100% 0, transparent var(--hair), var(--history-frame-ink) 0 var(--hair-outer), transparent 0), radial-gradient(circle at 0 100%, transparent var(--hair), var(--history-frame-ink) 0 var(--hair-outer), transparent 0), radial-gradient(circle at 100% 100%, transparent var(--hair), var(--history-frame-ink) 0 var(--hair-outer), transparent 0);position:relative}.history-frame:before,.history-frame:after{content:"";pointer-events:none;position:absolute;-webkit-mask-composite:source-in,source-in,source-in,source-over;mask-composite:intersect,intersect,intersect,add}.history-frame:before{border:var(--history-frame-rule) solid var(--history-frame-ink);-webkit-mask-image:radial-gradient(circle at 0 0, transparent var(--arc), black 0), radial-gradient(circle at 100% 0, transparent var(--arc), black 0), radial-gradient(circle at 0 100%, transparent var(--arc), black 0), radial-gradient(circle at 100% 100%, transparent var(--arc), black 0);mask-image:radial-gradient(circle at 0 0, transparent var(--arc), black 0), radial-gradient(circle at 100% 0, transparent var(--arc), black 0), radial-gradient(circle at 0 100%, transparent var(--arc), black 0), radial-gradient(circle at 100% 100%, transparent var(--arc), black 0);inset:0}.history-frame:after{inset:var(--history-frame-hairline-inset);border:var(--history-frame-hairline) solid var(--history-frame-ink);--back:calc(var(--history-frame-hairline-inset) * -1);--fore:calc(100% + var(--history-frame-hairline-inset));-webkit-mask-image:radial-gradient(circle at var(--back) var(--back), transparent var(--hair), black 0), radial-gradient(circle at var(--fore) var(--back), transparent var(--hair), black 0), radial-gradient(circle at var(--back) var(--fore), transparent var(--hair), black 0), radial-gradient(circle at var(--fore) var(--fore), transparent var(--hair), black 0);mask-image:radial-gradient(circle at var(--back) var(--back), transparent var(--hair), black 0), radial-gradient(circle at var(--fore) var(--back), transparent var(--hair), black 0), radial-gradient(circle at var(--back) var(--fore), transparent var(--hair), black 0), radial-gradient(circle at var(--fore) var(--fore), transparent var(--hair), black 0)}
