@keyframes style-catcher__entry-animation{0%{opacity:0}to{opacity:1}}.style-catcher{position:absolute;inset-block-start:-.75rem;display:flex;flex-direction:column-reverse;animation:.5s ease-in style-catcher__entry-animation;--style-catcher__text-color: var(--theme-white);--style-catcher__background-color: var(--theme-primary)}.style-catcher--style-blue{--style-catcher__background-color: #235296}.style-catcher--style-lime{--style-catcher__text-color: var(--theme-dark);--style-catcher__background-color: #dfeb00}.style-catcher--style-orange{--style-catcher__background-color: #f0a819}.style-catcher--position-left{align-items:flex-start;inset-inline-start:-1.25rem}.style-catcher--position-right{align-items:flex-end;inset-inline-end:-1.25rem}.style-catcher__text-box{block-size:3rem;line-height:3rem;font-size:1.25rem;font-weight:700;color:var(--style-catcher__text-color);background-color:var(--style-catcher__background-color)}.style-catcher--position-left .style-catcher__text-box{padding-inline-start:1.25rem;padding-inline-end:1.875rem;clip-path:polygon(0 0,100% 0,calc(100% - .625rem) 100%,0 100%)}.style-catcher--position-right .style-catcher__text-box{padding-inline-end:1.25rem;padding-inline-start:1.875rem;clip-path:polygon(0 0,100% 0,100% 100%,.625rem 100%)}.style-catcher:before{display:block;content:"";min-block-size:.75rem;inline-size:1.25rem;box-shadow:0 -1px 0 0 var(--style-catcher__background-color);background-color:var(--style-catcher__background-color);background-color:color-mix(in srgb,var(--style-catcher__background-color) 76.5%,black)}.style-catcher--position-left.style-catcher:before{clip-path:polygon(0 0,100% 0,100% 100%)}.style-catcher--position-right.style-catcher:before{clip-path:polygon(0 0,100% 0,0 100%)}