.dr-block[data-block-type=card-design-grid] .grid-intro{text-align:center;padding:2rem 0}@media screen and (width<=767px){.dr-block[data-block-type=card-design-grid] .card-grid{margin:0 1.5rem}}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper{flex-wrap:wrap;justify-content:center;gap:.8rem 6%;display:flex}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item{cursor:pointer;width:29.3333%;position:relative}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item .card-container{align-items:center;row-gap:1rem;width:100%;display:flex;position:relative}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item .card-container.show-back{flex-direction:column}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item .card-container .card{flex:1;width:100%}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item .card-container .card img{width:100%;height:auto}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item .card-container .card.shrink{flex:0}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item .card-design-title{padding:.2em;line-height:1.2em}@media screen and (width>=768px){.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item .card-design-title{padding-bottom:.1em}}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item.active .card-container:before{content:"";transform-origin:50%;border:4px solid #4895f4;border-radius:3%/4%;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.02)}.dr-block[data-block-type=card-design-grid] .card-grid.preview-group{margin:6% 0}.dr-block[data-block-type=card-design-grid] .card-grid.preview-group .preview-group-title{text-align:center;margin:3rem 0 1.5rem}@media screen and (width>=768px){.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper{gap:1rem 1.5rem}}@media screen and (width>=992px){.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item{width:calc(20% + -1.2rem + .32em)}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item .card-container{padding:.5em}.dr-block[data-block-type=card-design-grid] .card-grid .grid-wrapper .grid-item.active .card-container:before{border-width:3px;border-radius:6%/8%;transform:none}.dr-block[data-block-type=card-design-grid] .card-grid.preview-group{margin:calc(1.5rem - .4em) 0}}