[data-v-5c7bfdd8]:root{--button-height-large: 48px;--button-height-medium: 40px;--button-height-small: 32px;--landing-module-padding: 120px}@media only screen and (max-width: 599px){[data-v-5c7bfdd8]:root{--landing-module-padding: 20px}}@media only screen and (min-width: 600px) and (max-width: 959px){[data-v-5c7bfdd8]:root{--landing-module-padding: 40px}}@media only screen and (min-width: 960px) and (max-width: 1279px){[data-v-5c7bfdd8]:root{--landing-module-padding: 80px}}.usage-case-contain[data-v-5c7bfdd8]{padding:0 var(--landing-module-padding) 80px}.usage-case[data-v-5c7bfdd8]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%/3,max(248px,100%/5)),1fr));grid-auto-flow:row;gap:24px;max-width:1200px;margin:0 auto}.usage-case .usage-card[data-v-5c7bfdd8]{max-width:384px;overflow:hidden;background:var(--background-color-secondary-regular);border-radius:var(--border-radius-xlarge)}.usage-case .usage-card[data-v-5c7bfdd8]:hover{background:var(--background-color-secondary-hover)}.usage-case .usage-card:hover .img-responsive[data-v-5c7bfdd8]{transform:scale(1.05)}.usage-case .usage-card .img-responsive[data-v-5c7bfdd8]{width:100%;height:100%;transition:all .3s ease-out}.usage-case .usage-card .card-title[data-v-5c7bfdd8]{padding:0 16px;margin:16px auto 8px;font:var(--text-h5-bold);color:var(--text-color-primary)}.usage-case .usage-card .card-desc[data-v-5c7bfdd8]{padding:0 16px;margin:0 auto 16px;font:var(--text-p1-regular);color:var(--text-color-secondary)}@media only screen and (max-width: 599px){.usage-case-contain[data-v-5c7bfdd8]{padding:0 var(--landing-module-padding)}.usage-case[data-v-5c7bfdd8]{grid-template-columns:repeat(1,1fr);justify-items:center}.usage-case .usage-card[data-v-5c7bfdd8]{max-width:max-content}}