.macros-cards-boxlink{display:block;height:100%;max-width:384px;--tw-bg-opacity:1;background-color:rgb(var(--color-neutrals-100)/1);background-color:rgb(var(--color-neutrals-100)/var(--tw-bg-opacity,1))}.macros-cards-boxlink .box{aspect-ratio:1/1;display:block;overflow:hidden;position:relative}.macros-cards-boxlink .image-holder{inset:0;position:absolute;z-index:0}.macros-cards-boxlink .overlay{inset:0;pointer-events:none;position:absolute;z-index:10}.macros-cards-boxlink .overlay:after,.macros-cards-boxlink .overlay:before{inset:0;mix-blend-mode:multiply;position:absolute;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);--tw-content:"";content:"";content:var(--tw-content)}.macros-cards-boxlink .overlay:before{background-image:var(--gradient-ink-fade);opacity:1}.macros-cards-boxlink .overlay:after{background-image:var(--gradient-ink-trans);opacity:0}.macros-cards-boxlink .content-holder{bottom:0;display:flex;flex-direction:column;gap:.25rem;left:0;padding:1rem;position:absolute;text-align:left;width:100%;z-index:20}.macros-cards-boxlink .content-holder .author-holder{align-items:baseline;display:flex;flex-wrap:wrap;gap:.25rem;--tw-text-opacity:1;color:rgb(var(--color-copy-white)/1);color:rgb(var(--color-copy-white)/var(--tw-text-opacity,1))}.macros-cards-boxlink:hover .overlay:before{opacity:0}.macros-cards-boxlink:hover .overlay:after{opacity:1}.macros-cards-boxlink.stretched .box{aspect-ratio:7/3}.macros-cards-boxlink.stretched .box .author-holder .author-by{display:none}.macros-cards-boxlink.not-linked{pointer-events:none}.back-extend.light .macros-cards-boxlink,.back-extend.mid .macros-cards-boxlink,.back-extend.white .macros-cards-boxlink{--tw-bg-opacity:1;background-color:rgb(var(--color-neutrals-100)/1);background-color:rgb(var(--color-neutrals-100)/var(--tw-bg-opacity,1))}.back-extend.accent .macros-cards-boxlink,.back-extend.aqua .macros-cards-boxlink,.back-extend.petal .macros-cards-boxlink{background-color:rgb(var(--color-neutrals-50)/.2)}.back-extend.darkest .macros-cards-boxlink,.back-extend.primary .macros-cards-boxlink{--tw-bg-opacity:1;background-color:rgb(var(--color-neutrals-500)/1);background-color:rgb(var(--color-neutrals-500)/var(--tw-bg-opacity,1))}