/* Trello 1638: quieter platform tile, retaining a 44px disclosure target. */
.library-layout .guide-card-wrap > .card-platform-badge {
  width:44px; height:44px; min-height:44px; padding:10px; top:8px; right:8px;
  border:0; border-radius:10px; background:transparent!important; box-shadow:none!important;
  color:var(--green-dark); isolation:isolate;
}
.library-layout .guide-card-wrap > .card-platform-badge::before {
  content:""; position:absolute; inset:4px; z-index:-1; border:1px solid var(--line);
  border-radius:8px; background:var(--white); box-shadow:none;
}
.library-layout .card-platform-badge .edition-icon-art { width:22px; height:22px; }
.library-layout .card-platform-badge .edition-icon-art > img.edition-device-logo {
  width:9px; height:9px; left:6.5px; top:4px;
}
.library-layout .card-platform-badge .edition-icon-art > img.edition-browser-logo {
  width:10px; height:10px; right:-2px; bottom:-1px;
}
.library-layout .guide-card-wrap > .card-platform-badge:is(:hover,[aria-expanded="true"])::before {
  background:var(--sage); border-color:var(--green);
}
.library-layout .guide-card-wrap > .card-platform-badge:focus-visible::before {
  border:2px solid var(--green-dark); background:var(--sage);
}
html[data-theme="dark"] .library-layout .guide-card-wrap > .card-platform-badge::before {
  background:#28251f; border-color:#706b60;
}
html[data-theme="dark"] .library-layout .guide-card-wrap > .card-platform-badge:is(:hover,[aria-expanded="true"],:focus-visible)::before {
  background:#34473b; border-color:#b6ccbe;
}
@media(forced-colors:active) {
 .library-layout .guide-card-wrap > .card-platform-badge::before {background:Canvas;border-color:ButtonText;}
 .library-layout .guide-card-wrap > .card-platform-badge:focus-visible::before {border-color:Highlight;}
}