.feature-image-container{position:relative}.border-animation{background:conic-gradient(from var(--angle),transparent 0deg,transparent 80deg,#60cb88 90deg,#60cb88 100deg,transparent 110deg,transparent 360deg);-webkit-mask-composite:xor;border-radius:.5rem;padding:2px;animation:6s linear infinite borderRotate;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (max-width:640px){.border-animation{padding:1px}.feature-image-container{max-height:25vh!important}}@media (min-width:640px){.feature-image-container{max-height:60vh!important}}.pb-safe{padding-bottom:env(safe-area-inset-bottom,1rem)}.overflow-y-auto{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.overscroll-contain{overscroll-behavior:contain}.border-animation-top,.border-animation-right,.border-animation-bottom,.border-animation-left{display:none}@keyframes borderRotate{to{--angle:360deg}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.feature-image-container:before{content:"";opacity:.5;pointer-events:none;background:radial-gradient(circle at 0 0,rgba(96,203,136,.1) 0%,transparent 10%),radial-gradient(circle at 100% 0,rgba(96,203,136,.1) 0%,transparent 10%),radial-gradient(circle at 0 100%,rgba(96,203,136,.1) 0%,transparent 10%),radial-gradient(circle at 100% 100%,rgba(96,203,136,.1) 0%,transparent 10%);border-radius:.5rem;position:absolute;top:0;bottom:0;left:0;right:0}.feature-image-container:hover .border-animation{background:conic-gradient(from var(--angle),transparent 0deg,transparent 75deg,#60cb88 85deg,#60cb88 105deg,transparent 115deg,transparent 360deg);filter:brightness(1.5)}