.container{margin:0 auto;max-width:75rem;padding:0 .75rem;width:100%}.calculators-container{display:grid;gap:1.25rem;gap:1rem;grid-auto-flow:row;grid-template-columns:repeat(4,1fr);margin:0 auto 2rem;width:100%}.calculator-box{background:var(--card-bg);border:.0625rem solid var(--border-color);border-radius:.75rem;box-shadow:0 .25rem .75rem var(--shadow-color);color:var(--text-color);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transform:translateZ(0);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;will-change:transform}.calculator-box:focus,.calculator-box:hover{border-color:var(--highlight-color);box-shadow:0 .5rem 1rem var(--shadow-color);transform:translateY(-.25rem)}.calculator-image-wrapper{background:linear-gradient(180deg,rgba(15,52,96,.7),rgba(26,26,46,.95));overflow:hidden;padding-top:65%;position:relative}.calculator-image{height:100%;left:0;object-fit:contain;padding:.75rem;position:absolute;top:0;transform-origin:center center;transition:transform .5s ease;width:100%}.calculator-box:hover .calculator-image{transform:scale(1.1)}.calculator-name{color:var(--highlight-color);font-size:1rem;font-weight:500;hyphens:auto;margin:0;padding:.75rem .5rem;text-align:center;word-break:break-word}@media (max-width:64rem){.calculators-container{gap:1rem}}@media (max-width:36rem){.page-title{font-size:1.5rem}.container{padding:0 .625rem}.calculators-container{gap:.625rem;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr))}.calculator-image-wrapper{padding-top:65%}.calculator-image{padding:.5rem}.calculator-name{font-size:.85rem;padding:.5rem .375rem}}@media (max-width:24rem){.container{padding:0 .5rem}.calculators-container{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr))}.calculator-box{border-radius:.5rem}.calculator-name{font-size:.8rem;padding:.375rem .25rem}}@media (max-width:20rem){.container{padding:.25rem}.calculators-container{gap:.375rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:64rem){.calculators-container{gap:1.25rem;grid-auto-flow:row;grid-template-columns:repeat(4,1fr)}.calculator-box{height:100%;transform:none}.calculator-image-wrapper{padding-top:60%}.calculator-name{font-size:1.0625rem;padding:.875rem .625rem}}@media (min-width:90rem){.calculators-container{grid-template-columns:repeat(5,1fr);margin:0 auto 2.5rem;max-width:85rem}}