.calculator-showcase{height:100%;display:grid;place-items:center center;grid-template-columns:1fr;grid-template-rows:auto 1fr 65px}.calculator-showcase__heading{font-size:calc(1.375rem + 1.5vw);font-weight:500;color:var(--color-accent)}.calculator-showcase__content{display:grid;justify-items:center;align-content:center;gap:.25rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:200px;padding:1rem .25rem}.calculator-showcase__card{width:fit-content;border-radius:.5rem;border:1px solid var(--border-color);overflow:hidden;position:relative}.calculator-showcase__card:focus{outline:2px solid var(--color-accent)}.calculator-showcase__card-image{height:200px;width:315px;object-fit:cover;filter:brightness(.75) contrast(.75);transition:opacity .3s ease-out}.calculator-showcase__card-image:hover{opacity:.75;transition-duration:0s}.calculator-showcase__card-title{font-size:1.25rem;text-decoration:none;position:absolute;text-align:center;cursor:pointer;inset-inline:0;inset-block-start:50%;transform:translateY(-50%);padding:.5rem 0;color:var(--text-color-primary);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.calculator-showcase__info{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;padding:.875rem;border-radius:.5rem;color:var(--text-color-primary);background-color:var(--bg-color-secondary)}@media(min-width:768px){.calculator-showcase__content{max-width:768px}}@media(min-width:1024px){.calculator-showcase__content{max-width:1024px}}@media(min-width:1280px){.calculator-showcase__content{max-width:1280px}}