:root{--ht-contrast: 50;--ht-bg-color: white;--ht-size-xs-stop1: .04rem;--ht-size-xs-stop2: .3rem;--ht-size-xs-bg-size: .8rem;--ht-size-sm-stop1: .06rem;--ht-size-sm-stop2: .65rem;--ht-size-sm-bg-size: 1.3rem;--ht-size-md-stop1: .1rem;--ht-size-md-stop2: .8rem;--ht-size-md-bg-size: 1.5rem;--ht-size-lg-stop1: .15rem;--ht-size-lg-stop2: 1rem;--ht-size-lg-bg-size: 2rem}.halftone{position:relative;overflow:hidden;background-color:var( --ht-current-bg-color, var(--ht-bg-color) );filter:contrast(var(--ht-current-contrast, var(--ht-contrast))) invert(var(--ht-current-invert, 0));--ht-current-stop1: .1rem;--ht-current-stop2: .5rem;--ht-current-bg-size: 1rem;--ht-current-bg-image: radial-gradient( circle at center, black var(--ht-current-stop1), transparent var(--ht-current-stop2) );--ht-current-bg-position: center center;--ht-current-mask-image: none;--ht-current-invert: 0}.halftone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background-image:var(--ht-current-bg-image);background-position:var(--ht-current-bg-position);background-size:var(--ht-current-bg-size) var(--ht-current-bg-size);background-repeat:round;mask-image:var(--ht-current-mask-image);-webkit-mask-image:var(--ht-current-mask-image)}.halftone--size-xs{--ht-current-stop1: var(--ht-size-xs-stop1);--ht-current-stop2: var(--ht-size-xs-stop2);--ht-current-bg-size: var(--ht-size-xs-bg-size)}.halftone--size-sm{--ht-current-stop1: var(--ht-size-sm-stop1);--ht-current-stop2: var(--ht-size-sm-stop2);--ht-current-bg-size: var(--ht-size-sm-bg-size)}.halftone--size-md{--ht-current-stop1: var(--ht-size-md-stop1);--ht-current-stop2: var(--ht-size-md-stop2);--ht-current-bg-size: var(--ht-size-md-bg-size)}.halftone--size-lg{--ht-current-stop1: var(--ht-size-lg-stop1);--ht-current-stop2: var(--ht-size-lg-stop2);--ht-current-bg-size: var(--ht-size-lg-bg-size)}.halftone--pattern-angled{--ht-current-bg-image: radial-gradient( circle at center, black var(--ht-current-stop1), transparent var(--ht-current-stop2) ), radial-gradient( circle at center, black var(--ht-current-stop1), transparent var(--ht-current-stop2) );--ht-current-bg-position: 0 0, calc(var(--ht-current-bg-size) / 2) calc(var(--ht-current-bg-size) / 2)}.halftone--mask-fade-y{--ht-current-mask-image: linear-gradient( to bottom, black, rgba(0, 0, 0, .5) )}.halftone--mask-fade-x{--ht-current-mask-image: linear-gradient(to right, black, rgba(0, 0, 0, .5))}.halftone--mask-fade-radial{--ht-current-mask-image: radial-gradient( circle at center, black, rgba(0, 0, 0, .5) )}.halftone--mask-fade-conic{--ht-current-mask-image: conic-gradient( from 90deg at 50% 50%, black, rgba(0, 0, 0, .5), black )}.halftone--blend-multiply{mix-blend-mode:multiply}.halftone--blend-screen{mix-blend-mode:screen}.halftone--inverted{--ht-current-invert: 1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in-delay{0%{opacity:0}to{opacity:1}}@keyframes slide-from-right{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-to-left{0%{transform:translate(0);opacity:1}to{transform:translate(-30px);opacity:0}}:root{--vt-duration: .4s;--vt-easing: cubic-bezier(.4, 0, .2, 1)}::view-transition-new(post-*-content){animation-name:fade-in-delay;animation-duration:.4s;animation-timing-function:ease-out;animation-delay:.15s;animation-fill-mode:forwards;z-index:1}::view-transition-group(post-*-image),::view-transition-group(post-*-categories),::view-transition-group(post-*-title),::view-transition-group(post-*-meta){animation-duration:var(--vt-duration);animation-timing-function:var(--vt-easing)}::view-transition-group(post-*-image){animation-delay:0s}::view-transition-group(post-*-categories),::view-transition-group(post-*-meta){animation-delay:.05s}::view-transition-group(post-*-title){animation-delay:.1s}::view-transition-old(featured-content-area){animation:fade-out .25s var(--vt-easing) forwards}::view-transition-new(post-*-content){animation:fade-in-delay .4s ease-out .15s forwards;z-index:1}::view-transition-old(post-*-content){animation:fade-out .2s ease-out forwards;z-index:0}