.m-frame{position:relative;overflow:hidden;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--c-main-light);color:color-mix(in srgb,var(--c-text-on-main) 32%,transparent)}.m-frame__icon{width:20%;height:20%;display:flex}.m-frame__icon svg{width:100%;height:100%}.m-frame__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.m-frame__cap{position:absolute;left:12px;bottom:10px;font-family:var(--ff-sans);font-size:.62rem;letter-spacing:.04em;color:color-mix(in srgb,var(--c-text-on-main) 45%,transparent)}.m-frame--main{background:var(--c-main-light)}.m-frame--accent{background:var(--c-accent-light)}.m-frame--accent-2{background:var(--c-accent-2-light)}.m-frame--surface{background:color-mix(in srgb,var(--c-white) 60%,transparent)}.m-frame--ink{background:var(--c-text-on-main);color:color-mix(in srgb,var(--c-white) 50%,transparent)}.m-frame--ink .m-frame__cap{color:color-mix(in srgb,var(--c-white) 60%,transparent)}.m-frame__play{position:absolute;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--c-white) 92%,transparent);color:var(--c-main-dark);display:flex;align-items:center;justify-content:center}.m-frame__play svg{width:20px;height:20px}