/* The approved source PNGs retain their alpha padding. Normalize visible height,
   not canvas dimensions, equally for the still image and click animation. */
.cm-category-art[data-design=warm-classic]{--cm-visible-height:44px;--cm-source-ratio:1.86885;width:60px;height:60px;flex-basis:60px}
.cm-category-art[data-design=warm-classic][data-kind=voice]{--cm-source-ratio:1.30}
.cdb-service-tabs .cm-category-art[data-design=warm-classic],
.svc-tabs .cm-category-art[data-design=warm-classic]{width:60px;height:60px;flex-basis:60px}
.cm-category-link .cm-category-art[data-design=warm-classic]>img,
.cm-category-link .cm-category-art[data-design=warm-classic]>canvas{
 inset:auto;left:50%;top:50%;width:calc(var(--cm-visible-height) * var(--cm-source-ratio));height:calc(var(--cm-visible-height) * var(--cm-source-ratio));transform:translate(-50%,-50%);object-fit:contain
}
@media(max-width:768px){
 .cm-category-art[data-design=warm-classic]{--cm-visible-height:32px;width:44px;height:44px;flex-basis:44px}
 .svc-tabs .cm-category-art[data-design=warm-classic]{width:44px;height:44px;flex-basis:44px}
 /* Keep the separately approved guided search compact at narrow widths. */
 #ds-search .ds-services .cm-category-art[data-design=warm-classic]{--cm-visible-height:28px;width:40px;height:40px;flex-basis:40px}
}