.motion-sample{--paper:#edf4ff;--ink:#123566;position:relative;display:flex;width:100%;min-width:0;min-height:218px;flex-direction:column;align-items:center;justify-content:center;background:var(--paper);color:var(--ink);overflow:hidden;border-radius:5px;text-align:center;isolation:isolate;padding:16px 15px 24px;box-sizing:border-box}
.tone-mint{--paper:#e6f5ec;--ink:#185443}.tone-peach{--paper:#fff0df;--ink:#8a4020}.tone-rose{--paper:#fbe9ef;--ink:#853b59}.tone-violet{--paper:#eeeafb;--ink:#4e377e}.tone-lemon{--paper:#fff6cd;--ink:#5b4910}.tone-paper{--paper:#f3f1eb;--ink:#282b31}
.motion-art{display:flex;align-items:center;justify-content:center;width:100%;min-height:140px;flex:1}.motion-art img{display:block;width:154px!important;height:154px!important;max-width:90%;object-fit:contain;margin:auto;filter:drop-shadow(0 5px 5px #15345b12)}
.motion-top,.motion-bottom{display:block;position:relative;z-index:1;width:100%;font-size:16px;line-height:1.22;font-weight:700;overflow-wrap:anywhere;white-space:normal;font-family:Source Sans,Arial,sans-serif}.motion-top{margin-bottom:5px}.motion-bottom{margin-top:5px}.motion-mark{position:absolute;bottom:8px;left:0;right:0;font-size:8px;font-weight:700;letter-spacing:1.6px;opacity:.55}
.motion-sticker .motion-art img{width:132px!important;height:132px!important;filter:drop-shadow(2px 0 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 2px 0 white) drop-shadow(0 -2px 0 white) drop-shadow(0 5px 4px #26314a12)}
.motion-sticker .motion-bottom{width:auto;max-width:95%;background:#fff;padding:7px 16px;border:2px solid var(--ink);border-radius:13px;box-shadow:2px 3px 0 var(--ink);font-size:20px;font-weight:800;transform:rotate(-2deg)}
.motion-meme{min-height:244px;padding:15px 16px 26px;justify-content:space-between;border:1px solid #00000010}.motion-meme .motion-art{min-height:110px}.motion-meme .motion-art img{width:120px!important;height:120px!important}.motion-meme .motion-top{font-size:17px;line-height:1.2}.motion-meme .motion-bottom{font-size:17px;line-height:1.2;padding-top:8px;border-top:1px solid #00000018}
.media-detail{max-width:680px;margin:25px 0 34px}.media-detail-stage{max-width:600px}.media-detail-stage .motion-sample{min-height:365px;padding:25px 30px 30px}.media-detail-stage .motion-art img{width:255px!important;height:255px!important}.media-detail-stage .motion-top,.media-detail-stage .motion-bottom{font-size:28px}.media-detail-stage .motion-sticker .motion-bottom{font-size:30px;padding:10px 25px}.media-detail-stage .motion-meme .motion-art img{width:200px!important;height:200px!important}.media-detail-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.media-credit,.media-editorial-note{font-size:12px!important;line-height:1.6!important;color:#65718a!important;margin:8px 0}.media-credit a{text-decoration:underline}
.entry-row .motion-sample,#search-suggestions .motion-sample{width:54px;min-width:54px;height:54px;min-height:54px;padding:3px;border:0}.entry-row .motion-art,#search-suggestions .motion-art{min-height:0}.entry-row .motion-art img,#search-suggestions .motion-art img{width:44px!important;height:44px!important}.entry-row .motion-top,.entry-row .motion-bottom,.entry-row .motion-mark,#search-suggestions .motion-top,#search-suggestions .motion-bottom,#search-suggestions .motion-mark{display:none}
@media(max-width:580px){.motion-sample{min-height:185px;padding:11px 10px 24px}.motion-art img{width:125px!important;height:125px!important}.motion-meme{min-height:220px}.motion-top,.motion-bottom,.motion-meme .motion-top,.motion-meme .motion-bottom{font-size:14px}.motion-sticker .motion-bottom{font-size:17px}.media-detail-stage .motion-sample{min-height:310px;padding:20px 18px 28px}.media-detail-stage .motion-art img{width:220px!important;height:220px!important}.media-detail-stage .motion-top,.media-detail-stage .motion-bottom{font-size:22px}.lex-results-title{gap:12px}.lex-results-title>div:last-child:has(.motion-toggle){justify-content:flex-start}.media-detail-tools .button{font-size:12px}}

/* Compact catalogue previews. The article player keeps the readable full sample. */
.lex-grid:not(.lex-list) .lex-card-top{min-height:96px;align-items:center}
.lex-card .motion-sample{flex:0 1 154px;width:154px;max-width:calc(100% - 42px);height:96px;min-height:96px;padding:6px 8px;border-radius:6px}
.lex-card .motion-art{min-height:0;flex:1}
.lex-card .motion-art img{width:64px!important;height:64px!important;max-width:100%}
.lex-card .motion-mark{display:none}
.lex-card .motion-top,.lex-card .motion-bottom{font-size:11px;line-height:1.15;margin:0}
.lex-card .motion-sticker .motion-art img{width:52px!important;height:52px!important}
.lex-card .motion-sticker .motion-bottom{padding:3px 8px;font-size:12px;border-width:1px;border-radius:7px;box-shadow:1px 2px 0 var(--ink)}
.lex-card .motion-meme{height:112px;min-height:112px}
.lex-card .motion-meme .motion-art img{width:40px!important;height:40px!important}
.lex-card .motion-meme .motion-bottom{padding-top:4px}
.lex-list .lex-card:has(.motion-sample){grid-template-columns:154px minmax(0,1fr);gap:20px}
.lex-list .lex-card .motion-sample{max-width:100%}
.lex-list .lex-card:has(.motion-sample) .lex-card-top{position:relative}
.lex-list .lex-card:has(.motion-sample) .lex-card-top>span:last-child{display:none}
.motion-toggle{white-space:nowrap;font-size:12px!important;min-height:34px}
.lex-results-title>div:last-child:has(.motion-toggle){display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.entry-symbol.emoji-combination,.large-emoji.emoji-combination{display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap;font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;line-height:1.25}
.lex-card-top .entry-symbol.emoji-combination{width:auto;height:auto;max-width:68%;font-size:30px;flex-shrink:0}
.entry-heading .large-emoji.emoji-combination{flex:0 0 128px;width:128px;height:auto;font-size:44px;background:transparent}
.entry-row .entry-symbol.emoji-combination{font-size:23px;width:62px;min-width:62px;height:auto;background:transparent}
@media(max-width:580px){
 .lex-card .motion-sample{max-width:calc(100% - 30px);padding:5px;flex-basis:125px}
 .lex-card-top .entry-symbol.emoji-combination{font-size:25px}
 .lex-list .lex-card:has(.motion-sample){grid-template-columns:110px minmax(0,1fr);gap:12px}
 .lex-results-title>div:last-child:has(.motion-toggle){justify-content:flex-start}
 .entry-heading .large-emoji.emoji-combination{flex-basis:90px;width:90px;font-size:34px}
}