.unified-device{--rim:#ff741b;position:relative;width:290px;max-width:100%;aspect-ratio:1/1.98;border:3px solid var(--rim);border-radius:37px;background:#090909;padding:5px;box-shadow:inset 0 0 0 1px #ffffff30,0 16px 24px #0004;overflow:hidden;container-type:inline-size}
.device-ivi{--rim:#f62679}.device-okko{--rim:#8852e7}
.device-display{height:100%;position:relative;overflow:hidden;border-radius:29px;background:#000;color:#fff}
.device-brand{display:flex;align-items:center;gap:7px;padding:17px 12px 8px;position:relative;z-index:2}
.device-brand img{width:25px;height:25px;border-radius:7px;object-fit:contain}
.device-brand b{font-size:16px;line-height:1;letter-spacing:-.02em}
.device-screen-art{position:absolute;display:block;max-width:none}
.device-ivi .device-screen-art{left:0;top:52px;width:100%;height:calc(100% - 60px);object-view-box:inset(27% 13% 1% 13%);object-fit:fill}
.device-okko .device-screen-art{inset:0;width:100%;height:100%;object-view-box:inset(4% 9% 4% 9%);object-fit:fill}
.device-okko .device-brand{position:absolute;top:9px;left:10px;padding:7px 10px;background:#0009;border-radius:11px}
.device-catalog{padding:5px 11px 12px}
.device-catalog h3{font-size:23px;line-height:1.1;color:#fff;margin:4px 0 13px;letter-spacing:-.025em}
.device-tabs{display:flex;justify-content:space-between;gap:7px;font-size:9px;border-bottom:1px solid #ffffff30;margin-bottom:11px;color:#aaa}
.device-tabs>*{padding-bottom:7px}
.device-tabs b{color:#fff;border-bottom:2px solid #ff741b}
.device-hero{height:145px;border-radius:13px;overflow:hidden;background:#1a1009;position:relative}
.device-hero::before{content:"";position:absolute;inset:-20px;background:url("poster-references/grom.webp") center/cover;filter:blur(12px);opacity:.6}
.device-hero img{position:relative;width:100%;height:100%;object-fit:contain}
.device-catalog h4{display:flex;justify-content:space-between;font-size:14px;line-height:1.2;margin:13px 0 9px;color:#fff;letter-spacing:-.02em}
.device-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.device-posters img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:9px}
@container(max-width:250px){.device-brand{padding-top:13px}.device-catalog h3{font-size:21px;margin-bottom:9px}.device-hero{height:126px}.device-catalog h4{font-size:12px;margin:10px 0 7px}}.device-kinopoisk .device-brand{padding:12px 12px 7px}
.device-kinopoisk .device-catalog{padding-top:0}
.device-kinopoisk .device-catalog h3{font-size:21px;margin:2px 0 9px}
.device-kinopoisk .device-tabs{margin-bottom:8px}
.device-kinopoisk .device-hero{height:105px}
.device-kinopoisk .device-catalog h4{font-size:13px;margin:10px 0 7px}
.device-kinopoisk .device-posters img{height:98px;aspect-ratio:auto}
.device-ivi .device-brand{padding:17px 12px 8px;align-items:center}
.device-catalog-label{margin-left:auto;font-size:19px;line-height:25px;color:#fff}
.device-ivi .device-screen-art{top:60px;height:calc(100% - 70px);object-view-box:inset(33% 15% 1% 15%)}
.device-ivi .device-brand{padding:12px 11px 7px}
.device-ivi .device-catalog-label{margin:2px 11px 9px;font-size:21px;line-height:1.1;letter-spacing:-.025em}
.device-ivi .device-screen-art{top:54px;height:calc(100% - 64px)}

.device-ivi .device-catalog-label{position:relative;z-index:2}