.card-design-grid{--cards-per-row: 2;--card-spacing-x: 5px;--card-spacing-y: var(--row-gap-ph);--intro-spacing: var(--intro-gap-ph);--card-width: calc(100% / var(--cards-per-row) - var(--card-spacing-x) * 2)}@media only screen and (max-width: 767px){.card-design-grid[data-cards-per-row-phone="3"]{--cards-per-row: 3;--card-spacing-x: 3px}}@media only screen and (min-width: 768px)and (max-width: 1279px){.card-design-grid{--cards-per-row: 4;--card-spacing-x: 3px;--card-spacing-y: var(--row-gap-tb);--intro-spacing: var(--intro-gap-tb)}}@media only screen and (min-width: 1280px){.card-design-grid{--cards-per-row: 5;--card-spacing-x: 3px;--card-spacing-y: var(--row-gap-dt);--intro-spacing: var(--intro-gap-dt)}}.card-design-grid__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-design-grid__intro{margin-bottom:var(--intro-spacing);position:relative;text-align:center}.card-design-grid__card-design-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:calc(-1*var(--card-spacing-y))}.card-design-grid__card-design{-webkit-box-flex:0;-ms-flex:0 0 var(--card-width);flex:0 0 var(--card-width);margin:var(--card-spacing-y) var(--card-spacing-x) 0}.card-design-grid__card-design__image{border-radius:8px;padding:4px;-webkit-transition:background-color 200ms;transition:background-color 200ms}@media only screen and (min-width: 768px){.card-design-grid__card-design__image{border-radius:10px;padding:6px}}.card-design-grid__card-design:hover .card-design-grid__card-design__image,.card-design-grid__card-design.active .card-design-grid__card-design__image{background-color:#4cc6f5;cursor:pointer}.card-design-grid__card-design__image img{height:auto;width:100%}.card-design-grid__card-design__title{font-size:10px;margin-top:2px;text-align:center}@media only screen and (min-width: 768px)and (max-width: 1279px){.card-design-grid__card-design__title{font-size:14px}}@media only screen and (min-width: 1280px){.card-design-grid__card-design__title{font-size:16px}}