.sn-media-thumb{isolation:isolate;background:linear-gradient(135deg,#dfe8ff,#eef3ff 55%,#d9f6fb);border-radius:10px;flex:none;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0e1d4d14,0 6px 16px -10px #0e1d4d73}.sn-media-thumb>img,.sn-media-thumb>video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sn-media-thumb>img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.sn-media-thumb>video{opacity:0;transition:opacity .35s}.sn-media-thumb.is-playing>video{opacity:1}.sn-media-thumb.is-row{border-radius:8px;width:64px;height:36px}.sn-media-thumb.is-card{aspect-ratio:16/9;border-radius:10px;width:100%}.sn-media-thumb:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(#0e1d4d00 55%,#0e1d4d59);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff59}button:hover .sn-media-thumb>img,a:hover .sn-media-thumb>img{transform:scale(1.045)}.sn-media-badge{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:.02em;white-space:nowrap;pointer-events:none;background:#0e1d4d9e;border-radius:999px;padding:1px 5px;font:600 9px/1.5 Inter,sans-serif;position:absolute;bottom:4px;right:5px}.sn-media-thumb.is-row .sn-media-badge{padding:0 4px;font-size:8px;bottom:2px;right:3px}.sn-media-play{z-index:2;background:#ffffffe0;border-radius:50%;width:18px;height:18px;transition:opacity .25s;position:absolute;top:6px;left:6px;box-shadow:0 2px 8px #0e1d4d4d}.sn-media-play:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #1455ff;position:absolute;top:5px;left:7px}.sn-media-thumb.is-playing .sn-media-play{opacity:0}.sn-media-ratio{z-index:2;color:#0e1d4d;background:#ffffffdb;border-radius:6px;padding:1px 5px;font:700 9px/1.5 Inter,sans-serif;position:absolute;bottom:4px;left:5px}.sn-studio-project-row>.sn-media-thumb{place-items:initial;width:88px;height:50px;color:inherit;font-size:inherit;font-weight:inherit;background:#dfe8ff;border-radius:9px;display:block}.sn-studio-project-row.has-cover{grid-template-columns:88px minmax(0,1fr) auto}.sn-studio-has-project .sn-studio-project-row>.sn-media-thumb{width:72px;height:41px}.sn-studio-has-project .sn-studio-project-row.has-cover{grid-template-columns:72px minmax(0,1fr) auto}.sn-pro-studio-main .sn-studio-project-row.has-cover{flex-basis:272px}.sn-studio-has-project .sn-media-ratio{display:none}.sn-studio-project-row.has-cover.is-active>.sn-media-thumb{box-shadow:0 0 0 2px #1455ff,0 8px 18px -10px #1455ffb3}.sn-os-row>.sn-media-thumb.is-row{width:64px;height:36px}.sn-media-banner{background:linear-gradient(135deg,#dfe8ff,#eef3ff 55%,#d9f6fb);border-radius:16px;height:132px;margin:0 0 14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0e1d4d12,0 14px 30px -22px #0e1d4d8c}.sn-media-banner>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sn-media-banner:after{content:"";pointer-events:none;background:linear-gradient(#eef3ff00 40%,#0e1d4d47);position:absolute;inset:0}.sn-media-banner .sn-media-badge{padding:2px 8px;font-size:10px;bottom:9px;right:10px}.sn-os-ql .sn-media-banner{height:150px;margin:4px 0 12px}.sn-os-folder-app .sn-media-banner{margin:-6px 0 14px}.sn-os-greeting-backdrop{z-index:-1;aspect-ratio:16/9;pointer-events:none;border-radius:40px;width:min(920px,86vw);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(50% 50%,#000 38%,#0000 100%);mask-image:radial-gradient(50% 50%,#000 38%,#0000 100%)}.sn-os-greeting-backdrop>video{object-fit:cover;opacity:.3;filter:saturate(1.1);width:100%;height:100%;display:block}.sn-os-greeting-backdrop:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(36% 24%,#f6f9ffd1,#f6f9ff00 100%);position:absolute;inset:0}.sn-os-greeting-backdrop>.sn-media-badge{background:#0e1d4d6b;bottom:22%;left:50%;right:auto;transform:translate(-50%)}.sn-os-greeting.has-backdrop{isolation:isolate}@media (prefers-reduced-motion:reduce){.sn-media-thumb>img{transition:none}button:hover .sn-media-thumb>img,a:hover .sn-media-thumb>img{transform:none}.sn-media-play{display:none}}
